Backbone Tutorials cover page
Backbone Tutorials


Buy Now

Formats Included

Backbone Tutorials

Beginner, Intermediate and Advanced

Buy Now

About the Book

Backbone Tutorials is also available free on the web at http://backbonetutorials.com. The e-book and site will remain synchronized. Also check out http://backboneboilerplate.com if you wish to dive into more Backbone.js.

Backbone.js has had unrivaled success and will be a crucial tool in modern web development. This book aims to get developers up to speed with single page web application development using Backbone.js as a foundation.

  • Feedback
  • Share this book

Table of Contents

  • Why do you need Backbone.js?
  • Why single page applications are the future
  • So how does Backbone.js help?
  • Other frameworks
  • Contributors
  • What is a view?
  • The “el” property
  • Loading a template
  • Listening for events
  • Tips and Tricks
  • Relevant Links
  • Contributors
  • What is a model?
  • Setting attributes
  • Getting attributes
  • Setting model defaults
  • Manipulating model attributes
  • Listening for changes to the model
  • Interacting with the server
  • Creating a new model
  • Getting a model
  • Updating a model
  • Deleting a model
  • Tips and Tricks
  • Contributors
  • What is a collection?
  • Building a collection
  • What is a router?
  • Dynamic Routing
  • Dynamic Routing Cont. “:params” and “*splats”
  • Relevant Links
  • Contributors
  • Organizing your application using Modules (require.js)
  • What is AMD?
  • Why Require.js?
  • Getting started
  • Example File Structure
  • Bootstrapping your application
  • What does the bootstrap look like?
  • How should we lay out external scripts?
  • A boiler plate module
  • App.js Building our applications main module
  • Modularizing a Backbone View
  • Modularizing a Collection, Model and View
  • Conclusion
  • Relevant Links
  • Contributors
  • Lightweight Infinite Scrolling using Twitter API
  • Getting started
  • The Twitter Collection
  • Setting up the View
  • The widget template
  • Conclusion
  • Simple example - Node.js, Restify, MongoDb and Mongoose
  • Getting started
  • The technologies
  • Node.js
  • Restify
  • MongoDb
  • Mongoose
  • Building the server
  • Restify configuration
  • MongoDb/Mongoose configuration
  • Mongoose Schema
  • Setting up the routes
  • Setting up the client (Backbone.js)
  • Saving a message
  • Retrieving a list of messages
  • Conclusion
  • Relevant Links
  • Cross-domain Backbone.js with sessions using CORS
  • Security
  • Getting started
  • Checking session state at first load
  • An example Session model
  • Hooking up views to listen to changes in auth
  • Building a compatible server
  • Example node server
  • Conclusion
  • Relevant Links
  • SEO for single page apps
  • How does redirecting bots work?
  • Implementation using Phantom.js
  • Redirecting bots
  • Relevant Links

About the Editor

Causes Supported


Watsi is a global crowdfunding platform for healthcare that enables anyone to donate as little as $5 to directly fund life-changing medical care for people in need. 100% of every donation funds medical care and we are dedicated to complete transparency.

Watsi (watsi.org) is the first global crowdfunding platform for healthcare, enabling anyone to directly fund low-cost, high-impact medical care for people in need. 100% of every donation on Watsi’s platform directly funds medical care for patients, the organization does not take a cut for its operations. Since launching in August of 2012, Watsi has funded medical care for more than 700 people in 16 countries.

100.0% of Thomas Davis's royalties are going directly to Watsi.

The Leanpub Unconditional, No Risk, 100% Happiness Guarantee

Within 45 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks. We process the refunds manually, so they may take a few days to show up.
See full terms.