-
-
Notifications
You must be signed in to change notification settings - Fork 5.4k
Tutorials, blog posts and example sites
Dave Mackey edited this page Aug 27, 2021
·
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/
- Demo: http://localtodos.com/
- Source: https://github.com/jeromegn/backbone.localstorage
- 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
- 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
- Source: https://github.com/jamesyu/CloudEdit
- Tutorial: Part 1: Getting Started, Part 2: CRUD, Part 3: Deep Linking and Application States
- 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/
- Demo: http://demoinfinite.appspot.com/
- Source:
https://github.com/dizzyn/backbone-infinite-scroll
- 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
- 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
- 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
- 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
- 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
- Mastering Backbone.js by Abiee Echamea
- 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
- How to Share Backbone.js models with Node.js – amir.unoc.net
- Introducing the Backbone Store – elfsternberg.com (Coffeescript version) (Demo)
- Building a Single-Page App with Backbone.js, Underscore.js and JQuery – andyet.net
- Restful Ajax Web App Basics – thomasdavis.github.com
- Backbone.js Tutorial – by noob for noobs - thomasdavis.github.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
- 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
- Master Space and Time With JavaScript, Book 3: Backbone - http://www.noelrappin.com/mstwjs
- 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
Tutorials for absolute beginners - backbonetutorials.comReusing Backbone.js Models on the server with Node.js and Socket.io to Build Real-time Apps – andyet.netBackbone.js demo app with Sinatra backend – ryandotsmith.heroku.comLiquidMedia - An Intro to Backbone.js – part1, part 2, part 3Backbone-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.cceCloudEdit - Erlang, WebMachine and Backbone.js – part 1, part 2Simple 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.comKnockout.js vs. Backbone.js ifandelse.comBackbone.js Tips and Tricks - jules.boussekeyt.orgModel is stateful smagch.github.com- Memory free Backbone.Router jules.boussekeyt.org
- Backbone.js Screencast - Introduction and Views - joeybeninghove.com
- https://github.com/damienklinnert/rhetoricus
Tekpub - Plugging into MarionetteJS. (free + paid) - http://tekpub.com/products/backboneBackbone.js Basics (paid) - https://peepcode.com/products/backbone-js- Backbone.js Course