-
-
Notifications
You must be signed in to change notification settings - Fork 5.4k
Tutorials, blog posts and example sites
Herover edited this page Jan 15, 2016
·
141 revisions
- Backbone-Components explained step by step by Todo Example: http://adrianmejia.com/blog/2012/09/11/backbone-dot-js-for-absolute-beginners-getting-started/
- Story of the demo (not a tutorial): http://jgn.heroku.com/2010/10/25/creating-localtodoscom----a-short-story/
- Demo: http://localtodos.com/
- Source: https://github.com/jeromegn/backbone.localstorage
- Source (annotated): http://documentcloud.github.com/backbone/docs/todos.html
- CoffeeScript version (+annotated): https://github.com/JasonGiedymin/backbone-todojs-coffeescript
- TodoMVC app: http://todomvc.com/examples/backbone/
- TodoMVC app source: https://github.com/tastejs/todomvc/tree/gh-pages/examples/backbone
- Demo: http://ost.io
- Source: https://github.com/paulmillr/ostio
- Backbone.js + Twitter Bootstrap version
- Mobile version: Backbone.js + jQuery Mobile
- Mobile version: Backbone.js + native-looking iPhone skins
- Source: https://github.com/ccoenraets/backbone-directory
Employee Directory App with Node JS, MongoDB - Serves web, mobile or iPhone versions based on user-agent
- Demo: http://dmytroyarmak.github.io/backbone-contact-manager
- Slides: http://dmytroyarmak.github.io/codeangels-backbone-introduction
- Tutorial: https://github.com/dmytroyarmak/backbone-contact-manager/blob/gh-pages/README.md#backbone-contact-manager
- Source: https://github.com/dmytroyarmak/backbone-contact-manager
Password locker by Al B - Share passwords between colleagues using Django, Django REST framework and backbone.js
- Tutorial: http://10kblogger.wordpress.com/2012/05/25/a-restful-password-locker-with-django-and-backbone-js/
- Source: https://github.com/boosh/pwlocker
- Tutorial: Part 1, Part 2, Part 3
Demo: http://cloudedit.jamesyu.org/- Source: https://github.com/jamesyu/CloudEdit
- Tutorial: Part 1: Getting Started, Part 2: CRUD, Part 3: Deep Linking and Application States
Demo: http://www.coenraets.org/backbone-cellar/part3/- Source: https://github.com/ccoenraets/backbone-cellar
- Tutorial: http://bennolan.com/2010/11/24/backbone-jquery-demo.html
- Demo: http://bennolan.com/science/backbone-mobile/
- Source: https://github.com/bnolan/backbone-mobile
- Tutorial: http://vmirgorod.name/blog/building-iosandroid-mobile-app-using-backbonejs-jquerymobile-and-html
- Demo: http://dealancer.github.io/sma/
- Source: https://github.com/dealancer/sma/
Tutorial: http://addyosmani.com/blog/building-spas-jquerys-best-friends/Demo: http://addyosmani.com/resources/backbonegallery/index.php- Source: https://github.com/addyosmani/backbonejs-gallery
- Tutorial: http://serdaryildirim.net/js/backbone-js-facebook-news-feed-example.html
- Source: https://github.com/serdary/backbone-facebook-newsfeed
- Tutorial: http://fzysqr.com/2011/02/28/nodechat-js-using-node-js-backbone-js-socket-io-and-redis-to-make-a-real-time-chat-app/
- Source: https://github.com/jslatts/nodechat
Demo: http://brunch-colors.com/- Source: https://github.com/janmonschke/Brunch-colors/tree/master/_attachments/brunch/src/app
Articulated Vertebrae - very very simple backbone examples. Minimalist, requires no other plugins, languages or modules
Features of this app are client side data storage (localstorage), form validations, search functionality, using RequireJS, page transitions and clean code.
- Demo: http://devsaran.github.io/contact-manager-backbone/
- Source: https://github.com/devsaran/contact-manager-backbone
- Backbone.sync + localStorage : one key -> one model
- Source : https://github.com/mbrio/ossicle/blob/master/js/backbone.sync/backbone-sync-localstorage.js
- Sample : https://github.com/mbrio/ossicle/blob/master/index-bb-localstorage.html
- Backbone.sync + GitHub API : read markdown files from your GitHub Repository
- Source : https://github.com/mbrio/ossicle/blob/master/js/backbone.sync/backbone-sync-github.js
- Sample : https://github.com/mbrio/ossicle/blob/master/index-bb-github-api.html
- override
.sync()
+ LRUCache : return Promise when there is a cache - Source : https://github.com/smagch/backbone-examples/tree/gh-pages/filter
- Sample : http://smagch.github.com/backbone-examples/filter/#comment/create_ts
Demo: http://backbone-hangman.heroku.com/- Source: https://github.com/trivektor/Backbone-Hangman
- Tutorial: http://trivektor.wordpress.com/2012/01/15/redo-the-classic-hangman-game-with-a-new-approach-backbone-js/
- Backbone on Rails Part 1 (paid) - railscasts.com/episodes/323-backbone-on-rails-part-1
- Backbone on Rails Part 2 (paid) - railscasts.com/episodes/325-backbone-on-rails-part-2
- Hands On Backbone.js (paid) - http://pragprog.com/screencasts/v-dback/hands-on-backbone-js
- BackboneRails.com - Building real apps in depth. Advanced material. (free + paid) - http://www.backbonerails.com
Tekpub - Plugging into MarionetteJS. (free + paid) - http://tekpub.com/products/backbone- Advanced Backbone Patterns and Techniques. (paid) - http://tutsplus.com/course/advanced-backbone-patterns-and-techniques/
- Backbone.js Fundamentals (paid) - http://pluralsight.com/training/Courses/TableOfContents/backbone-fundamentals
Backbone.js Basics (paid) - https://peepcode.com/products/backbone-js- Atlanta JavaScript Meetup, October 2012 (two speakers. first on Backbone, second on Backbone+Marionette)http://www.youtube.com/watch?v=HDZqmGwROG0
- Backbone.js Patterns and Best Practices by Swarnendu De
- Backbone Fundamentals (an open-source book) addyosmani.github.com
- Backbone.js Cookbook by Vadim Mirgorod
- Developing a Backbone.js Edge (more info)
- Instant Backbone.js Application Development by Thomas Hunter II
- Backbone.js Testing by Ryan Roemer
- Full Stack Web Development with Backbone.js by Patrick Mulder
- Backbone.js Essentials by Jeremy Walker
- Tutorials for absolute beginners - backbonetutorials.com
- Part 1: Backbone.js + Require.js – developer.teradata.com
- Part 2: Backbone.js + Require.js, Further Modularization and Just in Time Dependency Loading – developer.teradata.com
- Backbone.js and socket.io – developer.teradata.com
- Organizing Your Backbone.js Application With Modules – weblog.bocoup.com
- Backbone and jquery mobile – bennolan.com
- Testing Backbone Apps with Jasmine and Sinon – tinnedfruit.com
Reusing Backbone.js Models on the server with Node.js and Socket.io to Build Real-time Apps – andyet.net- How to Share Backbone.js models with Node.js – amir.unoc.net
- Introducing the Backbone Store – elfsternberg.com (Coffeescript version) (Demo)
Backbone.js demo app with Sinatra backend – ryandotsmith.heroku.com- LiquidMedia - An Intro to Backbone.js – part1, part 2, part 3
Backbone-CouchDB - Give your CouchApp some Backbone – janmonschke.posterous.comOne of These Days Blog - Backbone.js – oneofthesedaysblog.com- Backbone.js and Django – joshbohde.com
The Meta Cloud - Backbone.js Tutorial – plexical.comMoved to Backbone.js and JQuery Templates – akshay.cc- Building a Single-Page App with Backbone.js, Underscore.js and JQuery – andyet.net
eCloudEdit - Erlang, WebMachine and Backbone.js – part 1, part 2- Restful Ajax Web App Basics – thomasdavis.github.com
- Backbone.js Tutorial – by noob for noobs - thomasdavis.github.com
Simple Javascript Inheritance with Backbone.js - blog.usefunnel.comSlideshow: Backbone.js Intro backbone-dot-js-intro.heroku.comAutocomplete jQuery Plugin using Backbone: planbox.comBackbone.js + jQuery = Best OO Friends Example: coldfusioning.comBackbone, API and Events for Models decipherinc.com- Getting Started with Backbone.js net.tutsplus.com
- Intro to Backbone.js talk from 6/9/11 DCRUG: YouTube video (~30 minutes, starts at 8m41s), slides (PDF)
- Hello Backbone.js: arturadib.com
- Hello Backbone.js in CoffeeScript: hello-backbonejs
- Backbone.js and dependent selects: railsindirection.blogspot.com
- Backbone.js todo's example. This one combines backbone with jquery, handlebars, jammit and rails 3.rx/backbone-todos
Knockout.js vs. Backbone.js ifandelse.com- The [backbone.js] tag on Stack Overflow
- Backbone and MVC - image gallery tutorial - further discussion - CoffeeScript's Fat Arrow & Backbone
- Cascading Select Boxes with Backbone.js: A Step-by-Step Tutorial - shinetech.com
- Building a shared calendar with Backbone.js and FullCalendar: A step-by-step tutorial - shinetech.com
- How to switch views with Backbone.js – blog.viison.com
- Backbone.js Screencast - Introduction and Views - joeybeninghove.com
- Master Space and Time With JavaScript, Book 3: Backbone - http://www.noelrappin.com/mstwjs
Backbone.js Tips and Tricks - jules.boussekeyt.org- Memory free Backbone.Router jules.boussekeyt.org
Model is stateful smagch.github.com- Integrating Backbone with Laravel PHP framework maxoffsky blog
- Structuring your web apps via Backbone.JS hegdeashwin-Backbone.github.com
- Learning Backbone Marionette hegdeashwin-Backbone.Marionette.github.com
- A faster start with Backbone.js
- How to avoid jQuery spaghetti inside your Backbone views jifeon.blogspot.com
- Learning Backbone.js Testing by Jonathan Freeman (An interactive guide to perform automated testing on Backbone.js applications with the help of a real-world example)
- Curso básico en español: http://youtu.be/pQE5OGGo6KE
- Русская версия документации Backbone.js backbonejs.ru
- Написание сложных интерфейсов с Backbone.js habrahabr.ru
- Как избегать лапши из jQuery внутри представлений Backbone.js habrahabr.ru
- MON 1ER TUTO BACKBONE.JS (AVEC ZEPTO) & Backbone.js, on continue
- "BackBone par le bon bout" :
-
Organiser son code Backbone JS en modules
- Série Backbone.js:
Turbinando o client-side com Backbone.js