[Pkg-javascript-commits] [backbone] 270/281: Adding Stripe and Code School as example apps.

Jonas Smedegaard js at moszumanska.debian.org
Sat May 3 17:02:21 UTC 2014


This is an automated email from the git hooks/post-receive script.

js pushed a commit to tag 0.9.0
in repository backbone.

commit 00b2551e66a750a9c2680d78af91b52d65237a92
Author: Jeremy Ashkenas <jashkenas at gmail.com>
Date:   Mon Jan 30 10:39:59 2012 -0500

    Adding Stripe and Code School as example apps.
---
 docs/images/code-school.png | Bin 0 -> 296903 bytes
 docs/images/instagreat.png  | Bin 185408 -> 0 bytes
 docs/images/picplum.jpg     | Bin 57022 -> 0 bytes
 docs/images/rround.png      | Bin 197368 -> 0 bytes
 docs/images/stripe.png      | Bin 0 -> 132770 bytes
 index.html                  |  79 +++++++++++++++++++++++---------------------
 6 files changed, 42 insertions(+), 37 deletions(-)

diff --git a/docs/images/code-school.png b/docs/images/code-school.png
new file mode 100644
index 0000000..dfec7de
Binary files /dev/null and b/docs/images/code-school.png differ
diff --git a/docs/images/instagreat.png b/docs/images/instagreat.png
deleted file mode 100644
index ea0fca3..0000000
Binary files a/docs/images/instagreat.png and /dev/null differ
diff --git a/docs/images/picplum.jpg b/docs/images/picplum.jpg
deleted file mode 100644
index e396e78..0000000
Binary files a/docs/images/picplum.jpg and /dev/null differ
diff --git a/docs/images/rround.png b/docs/images/rround.png
deleted file mode 100644
index a3ec82b..0000000
Binary files a/docs/images/rround.png and /dev/null differ
diff --git a/docs/images/stripe.png b/docs/images/stripe.png
new file mode 100644
index 0000000..a4569a2
Binary files /dev/null and b/docs/images/stripe.png differ
diff --git a/index.html b/index.html
index 64036fd..15df8eb 100644
--- a/index.html
+++ b/index.html
@@ -330,10 +330,12 @@
       <li>– <a href="#examples-groupon">Groupon Now!</a></li>
       <li>– <a href="#examples-basecamp">Basecamp Mobile</a></li>
       <li>– <a href="#examples-slavery-footprint">Slavery Footprint</a></li>
+      <li>- <a href="#examples-stripe">Stripe</a></li>
       <li>– <a href="#examples-diaspora">Diaspora</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-code-school">Code School</a></li>
       <li>– <a href="#examples-cloudapp">CloudApp</a></li>
       <li>– <a href="#examples-seatgeek">SeatGeek</a></li>
       <li>– <a href="#examples-grove">Grove.io</a></li>
@@ -343,13 +345,11 @@
       <li>– <a href="#examples-salon">Salon.io</a></li>
       <li>– <a href="#examples-quoteroller">Quote Roller</a></li>
       <li>– <a href="#examples-tilemill">TileMill</a></li>
-      <li>– <a href="#examples-rround">rround.me</a></li>
       <li>- <a href="#examples-blossom">Blossom</a></li>
       <li>- <a href="#examples-animoto">Animoto</a></li>
       <li>- <a href="#examples-decide">Decide</a></li>
       <li>- <a href="#examples-trello">Trello</a></li>
       <li>- <a href="#examples-bittorrent">BitTorrent</a></li>
-      <li>- <a href="#examples-picplum">Picplum</a></li>
       <li>- <a href="#examples-ducksboard">Ducksboard</a></li>
       <li>- <a href="#examples-quietwrite">QuietWrite</a></li>
       <li>- <a href="#examples-tzigla">Tzigla</a></li>
@@ -2305,7 +2305,27 @@ var model = localBackbone.Model.extend(...);
         <img src="docs/images/slavery-footprint.png" alt="Slavery Footprint" class="example_image" />
       </a>
     </div>
+    
+    <h2 id="examples-stripe">Stripe</h2>
 
+    <p>
+      <a href="https://stripe.com">Stripe</a> provides an API for accepting 
+      credit cards on the web. Stripe's 
+      <a href="https://manage.stripe.com">management interface</a> was recently 
+      rewritten from scratch in Coffeescript using Backbone.js as the primary 
+      framework, Eco for templates, Sass for stylesheets, and Stitch to package 
+      everything together as CommonJS modules. The new app uses 
+      <a href="https://stripe.com/docs/api">Stripe's API</a> directly for the 
+      majority of its actions; Backbone.js models made it simple to map 
+      client-side models to their corresponding RESTful resources.
+    </p>
+
+    <div style="text-align: center;">
+      <a href="https://stripe.com">
+        <img src="docs/images/stripe.png" alt="Stripe" class="example_image" />
+      </a>
+    </div>
+    
     <h2 id="examples-diaspora">Diaspora</h2>
 
     <p>
@@ -2382,7 +2402,27 @@ var model = localBackbone.Model.extend(...);
         <img src="docs/images/pandora.png" alt="Pandora" class="example_image" />
       </a>
     </div>
+    
+    <h2 id="examples-code-school">Code School</h2>
+
+    <p>
+      <a href="http://www.codeschool.com">Code School</a> courses teach people 
+      about various programming topics like CoffeeScript, CSS, Ruby on Rails, 
+      and more. The new Code School course 
+      <a href="http://coffeescript.codeschool.com/levels/1/challenges/1">challenge page</a>
+      is built from the ground up on Backbone.js, using 
+      everything it has to offer: the router, collections, models, and complex 
+      event handling. Before, the page was a mess of jQuery DOM manipulation 
+      and manual Ajax calls. Backbone.js helped introduce a new way to 
+      think about developing an organized front-end application in Javascript.  
+    </p>
 
+    <div style="text-align: center;">
+      <a href="http://www.codeschool.com">
+        <img src="docs/images/code-school.png" alt="Code School" class="example_image" />
+      </a>
+    </div>
+    
     <h2 id="examples-cloudapp">CloudApp</h2>
 
     <p>
@@ -2536,24 +2576,6 @@ var model = localBackbone.Model.extend(...);
       </a>
     </div>
 
-    <h2 id="examples-rround">rround.me</h2>
-
-    <p>
-      <a href="http://rround.me">rround.me</a> uses the HTML
-      <a href="http://diveintohtml5.org/geolocation.html">Geolocation API</a>
-      to discover tweets, YouTube videos, Instagram photos, Foursquare spots, and other happenings
-      posted by people close to you. The site is a single-page app built on Backbone.js,
-      with people, locations and events all represented by Backbone Models.
-      Backbone Views listen for changes in the underlying data as you adjust
-      the range (distance) of your search.
-    </p>
-
-    <div style="text-align: center;">
-      <a href="http://rround.me/">
-        <img src="docs/images/rround.png" alt="rround.me" class="example_image" />
-      </a>
-    </div>
-
     <h2 id="examples-blossom">Blossom</h2>
 
     <p>
@@ -2641,23 +2663,6 @@ var model = localBackbone.Model.extend(...);
       </a>
     </div>
 
-    <h2 id="examples-picplum">Picplum</h2>
-
-    <p>
-      <a href="https://www.picplum.com/">Picplum</a> makes it easy to
-      automatically send high quality photo prints to
-      your close family and friends. The entire app is built in Backbone.js
-      using Handlebars.js templates.
-      <a href="http://pusher.com/">Pusher</a> enables real-time
-      uploading that makes the photo import process fast and reactive.
-    </p>
-
-    <div style="text-align: center;">
-      <a href="https://www.picplum.com/">
-        <img src="docs/images/picplum.jpg" alt="Picplum" class="example_image" />
-      </a>
-    </div>
-
     <h2 id="examples-ducksboard">Ducksboard</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