JSFoo 2011

It’s like kung fu with JavaScript and objects! All about building full size apps in JavaScript.


Single Page Apps with Backbone JS

Submitted Jun 21, 2011

Learn to structure your JS code using Backbone JS Framework.


jQuery is great for websites that need simple AJAX interactions and some effects (example Youtube/Flickr). However, if you want to build complex single page web applications like Gmail or Mobile Me, you need something more than jQuery. Keeping track of DOM elements to be updated in response to a particular action or result of an ajax query can become overwhelming very fast.

Frameworks like Sproutcore, Cappuccino and Backbone.js provide structure to your javascript code. Backbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions and views with declarative event handling.

In this talk, we will go over building a simple Backbone.js application and discuss some tricks and techniques that I have discovered while building supportbee.com. Depending on time, we can also talk a little bit about testing Backbone code with Jasmine


Familiarity with Javascript and jQuery. You can always read “Javascripts: The good parts” to come up to speed for this talk.



{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}