JSFoo 2011

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

JSFoo is an event on building apps with JavaScript. This is an event on what it takes to build full size apps with JavaScript, whether in the frontend or backend.

This event is now over. It was on October 1, 2011, in Bangalore.

Sessions were 45 minutes each. The venue was Dharmaram Vidya Kshetram again, in the Christ University campus at Dairy Circle.

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more

prateekdayal

Single Page Apps with Backbone JS

Submitted Jun 21, 2011

Learn to structure your JS code using Backbone JS Framework.

Outline

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

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

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

{{ errorMsg }}

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

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more