[Pkg-javascript-commits] [backbone] 20/28: Adding Groupon Now as a backbone example app.
Jonas Smedegaard
js at moszumanska.debian.org
Sat May 3 17:01:25 UTC 2014
This is an automated email from the git hooks/post-receive script.
js pushed a commit to tag 0.5.3
in repository backbone.
commit 5dc001f3fddd230194768b8285cf8a11aec977ef
Author: Jeremy Ashkenas <jashkenas at gmail.com>
Date: Wed Aug 3 10:12:54 2011 -0400
Adding Groupon Now as a backbone example app.
---
docs/images/groupon.png | Bin 0 -> 241260 bytes
index.html | 79 +++++++++++++++++++++++++++++++-----------------
2 files changed, 51 insertions(+), 28 deletions(-)
diff --git a/docs/images/groupon.png b/docs/images/groupon.png
new file mode 100644
index 0000000..c8c50a8
Binary files /dev/null and b/docs/images/groupon.png differ
diff --git a/index.html b/index.html
index 4c48492..1b72816 100644
--- a/index.html
+++ b/index.html
@@ -280,10 +280,11 @@
<li>– <a href="#examples-documentcloud">DocumentCloud</a></li>
<li>– <a href="#examples-basecamp">Basecamp Mobile</a></li>
<li>– <a href="#examples-flow">Flow</a></li>
+ <li>– <a href="#examples-groupon">Groupon Now!</a></li>
<li>– <a href="#examples-trajectory">Trajectory</a></li>
+ <li>– <a href="#examples-soundcloud">SoundCloud Mobile</a></li>
<li>– <a href="#examples-pandora">Pandora</a></li>
<li>– <a href="#examples-cloudapp">CloudApp</a></li>
- <li>– <a href="#examples-soundcloud">Mobile SoundCloud</a></li>
<li>– <a href="#examples-seatgeek">SeatGeek</a></li>
<li>– <a href="#examples-tpm">Talking Points Memo</a></li>
<li>– <a href="#examples-hotel-tonight">Hotel Tonight</a></li>
@@ -2057,6 +2058,28 @@ var model = localBackbone.Model.extend(...);
</a>
</div>
+ <h2 id="examples-groupon">Groupon Now!</h2>
+
+ <p>
+ <a href="http://www.groupon.com/now">Groupon Now!</a> helps you find
+ local deals that you can buy and use right now. When first developing
+ the product, the team decided it would be AJAX heavy with smooth transitions
+ between sections instead of full refreshes, but still needed to be fully
+ linkable and shareable. Despite never having used Backbone before, the
+ learning curve was incredibly quick — a prototype was hacked out in an
+ afternoon, and the team was able to ship the product in two weeks.
+ Because the source is minimal and understandable, it was easy to
+ add several Backbone extensions for Groupon Now!: changing the router
+ to handle URLs with querystring parameters, and adding a simple
+ in-memory store for caching repeated requests for the same data.
+ </p>
+
+ <div style="text-align: center;">
+ <a href="http://www.groupon.com/now">
+ <img src="docs/images/groupon.png" alt="Groupon Now!" class="example_image" />
+ </a>
+ </div>
+
<h2 id="examples-trajectory">Trajectory</h2>
<p>
@@ -2074,6 +2097,33 @@ var model = localBackbone.Model.extend(...);
</a>
</div>
+ <h2 id="examples-soundcloud">SoundCloud Mobile</h2>
+
+ <p>
+ <a href="http://soundcloud.com">SoundCloud</a> is the leading sound sharing
+ platform on the internet, and Backbone.js provides the foundation for
+ <a href="http://m.soundcloud.com">SoundCloud Mobile</a>. The project uses
+ the public SoundCloud <a href="http://soundcloud.com/developers">API</a>
+ as a data source (channeled through a nginx proxy),
+ <a href="http://api.jquery.com/category/plugins/templates/">jQuery templates</a>
+ for the rendering, <a href="http://docs.jquery.com/Qunit">Qunit
+ </a> and <a href="http://code.google.com/p/phantomjs/">PhantomJS</a> for
+ the testing suite. The JS code, templates and CSS are built for the
+ production deployment with various Node.js tools like
+ <a href="https://github.com/dsimard/ready.js">ready.js</a>,
+ <a href="https://github.com/mde/node-jake">Jake</a>,
+ <a href="https://github.com/tmpvar/jsdom">jsdom</a>.
+ The <b>Backbone.History</b> was modified to support the HTML5 <tt>history.pushState</tt>.
+ <b>Backbone.sync</b> was extended with an additional SessionStorage based cache
+ layer.
+ </p>
+
+ <div style="text-align: center;">
+ <a href="http://m.soundcloud.com">
+ <img src="docs/images/soundcloud.png" alt="SoundCloud" class="example_image" />
+ </a>
+ </div>
+
<h2 id="examples-pandora">Pandora</h2>
<p>
@@ -2110,33 +2160,6 @@ var model = localBackbone.Model.extend(...);
</a>
</div>
- <h2 id="examples-soundcloud">SoundCloud</h2>
-
- <p>
- <a href="http://soundcloud.com">SoundCloud</a> is the leading sound sharing
- platform on the internet, and Backbone.js provides the foundation for
- <a href="http://m.soundcloud.com">Mobile SoundCloud</a>. The project uses
- the public SoundCloud <a href="http://soundcloud.com/developers">API</a>
- as a data source (channeled through a nginx proxy),
- <a href="http://api.jquery.com/category/plugins/templates/">jQuery templates</a>
- for the rendering, <a href="http://docs.jquery.com/Qunit">Qunit
- </a> and <a href="http://code.google.com/p/phantomjs/">PhantomJS</a> for
- the testing suite. The JS code, templates and CSS are built for the
- production deployment with various Node.js tools like
- <a href="https://github.com/dsimard/ready.js">ready.js</a>,
- <a href="https://github.com/mde/node-jake">Jake</a>,
- <a href="https://github.com/tmpvar/jsdom">jsdom</a>.
- The <b>Backbone.History</b> was modified to support the HTML5 <tt>history.pushState</tt>.
- <b>Backbone.sync</b> was extended with an additional SessionStorage based cache
- layer.
- </p>
-
- <div style="text-align: center;">
- <a href="http://m.soundcloud.com">
- <img src="docs/images/soundcloud.png" alt="SoundCloud" class="example_image" />
- </a>
- </div>
-
<h2 id="examples-seatgeek">SeatGeek</h2>
<p>
--
Alioth's /usr/local/bin/git-commit-notice on /srv/git.debian.org/git/pkg-javascript/backbone.git
More information about the Pkg-javascript-commits
mailing list