Marionette.js – A scalable and composite application architecture for Backbone.js

Hello Backbone.js Tutorial Shameless advertisement: Don't forget to check out Agility.js, a simpler alternative to Backbone.js. Hello Backbone is a simple Backbone.js tutorial comprised of self-explanatory "hello world" examples of increasing complexity. It was designed to provide a smoother transition from zero to the popular Todos example. Backbone.js offers a lean MVC framework for organizing your Javascript application. The tutorial starts with a minimalist View object, and progressively introduces event binding/handling, Models, and Collections. Start the tutorial Once in the tutorial, use the navigation menu in the top-right corner to view other examples. Copyright © Artur Adib [ arturadib.com ]

kmalakoff/knockback For iPad: using local storage for snappy mobile apps | LinkedIn Engineering LinkedIn just released a brand new iPad app built using HTML5, backbone.js, and underscore.js. The app includes a rich stream of information which is a combination of network updates, group posts and news articles. The user can also switch to specific streams like Co-Worker updates or news articles from a specific category. In this post, I'll tell you how we leverage local storage to fetch all this data while still offering a snappy experience. Download the iPad app now! Client-side MVC and templates Our views are rendered using underscore templates that are bound to backbone views and populated with data from backbone models or collections. Each of these calls is an asynchronous network request which can take a few seconds. Key Generation HTML 5 Local storage is a store of key-value pairs. <app-id>:user:<user-id>:<key-name> Seamless use of local storage as persistence strategy All collections inherit from a BaseCollection and all models inherit from BaseModel. Local Storage Reset Conclusion