by prateekdayal on Tuesday, 21 June 2011

+33
Vote on this proposal
Status: Submitted
Section
Default

Session type
Tutorial

Technical level
Intermediate

Objective

Learn to structure your JS code using Backbone JS Framework.

Description

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

Requirements

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

Comments

  • 2
    [-] Govind Kanshi (@govindsk) 5 years ago

    Thanks Prateek for offering this session. This would be great session to compare whether Backbone is only good for SPA ? What will be specific issues using it with MPA. WRT your experience of building supportbee.com, could you also comment on decision making - comparing other mvc frameworks. Challenge of combining client MVC with server MVC or making choice of one over another.

  • 1
    [-] prateekdayal Proposer 5 years ago

    Hey Govind,

    Just saw the comment. What is MPA?

    I will be touching upon the decision making a bit. However, I want to dive deeper into Backbone and may be point to my older talk for the background stuff.

Login with Twitter or Google to leave a comment