About this tutorial

Backbone.js is a very popular library with many online resources for learning. This purpose of this particular tutorial is to give the reader a good idea of how backbone works without being overly formal*.

I assume the reader has some basic concept of what backbone.js does (if not, Stack Overflow has a good explanation). Some information about Backbone is presented below, but after that we get right into code.

What is Backbone.js?

Backbone.js is a JavaScript client-side (front-end) framework that helps to organize your code and makes it easier for you to develop single-page web applications. Simply put, it makes the task of developing JavaScript applications considerably easier for you.

Why Learn Backbone.js

You should learn Backbone.js if:
  • You do not already use a front-end JavaScript framework and you intend to develop single-page web applications or complex JavaScript web applications.
  • You want to start programming JavaScript in a more organized, structured manner, eschewing the old way of having all of your JavaScript code mixed with HTML and without separation of concerns (where the logic, the data—model—and the presentation are sufficiently decoupled).
Learn Backbone.js Completely

In other words

You can use Backbone.js to build cool single page apps that are pretty well organized. A common example is a to-do list.

With that being said, let's get to some Backbone.js basics.
* If you're looking for a more formal, complete guide to Backbone, I suggest going directly to and look at the annoted source. The early release version ofDeveloping Backbonejs Applications would work too. For this tutorial, we will be using the code here: