The introduction to Backbone.JS, a library that makes the process of creating complex, interactive and data driven apps so much easier. It provides a clean way to surgically separate your data from your presentation.
If you have spent any time looking at Backbone.js, like many others, you are probably amazed by how lightweight, flexible and elegant it is. Backbone.js is incredibly powerful, but not prescriptive in how it should be used. With great power comes great responsibility, and if you’ve tried to use Backbone.js for a large project you might be asking yourself: how do I organize my code?
Part3 - Deep Linking and Application States
In this three-part tutorial, you’ll create a Wine Cellar application. You can browse through a list of wines, as well as add, update, and delete wines.
Here’s a little breakdown of how to create bookmarks using backbone.js and then displaying them using jquery mobile.
In this article you’ll see that Backbone.js provides a good basis for building apps in an MVC style, although you will be faced with the same design decisions you’d have to make with any other MVC framework. Note that this isn’t an introduction to Backbone.js, and assumes a little background knowledge of how the framework works.
To get an idea of how simple this application is, visit http://directory.myminister.info. Here is a brief on how the code looks.
A simple example application showing how to switch between views using a Backbone.js Router while preserving jQuery events within the views and avoiding issues with non-applying CSS styles.
Backbone routers are used for routing your applications URL’s when using hash tags(#). In the traditional MVC sense they don’t neccesarily fit the semantics and if you have read “What is a view?” it will elaborate on this point. Though a Backbone “router” is still very useful for any application/feature that needs URL routing/history capabilities. Defined routers should always contain at least one route and a function to map the particular route to. In the example below we are going to define a route that is always called.
A Simple Backbone.js Example by James Yu focusing mainly on the Backbone.js concepts.
This is the first in a series of articles demonstrating how to test a Backbone.js application, employing the Jasmine BDD test framework and the Sinon.JS spying, stubbing and mocking library.
Client-side JavaScript frameworks are not just for building big fancy applications. Lead software engineer Matt Kelly explains how ZURB used the lightweight JavaScript framework Backbone.js to build FlickrBomb, a tool for loading Flickr photos into placeholder images
Due to the complete and complex nature of Backbone and in order to fully understand Backbone, I thought people may benefit from starting at the very beginning. Over a series of tutorials we will be creating Jérôme Gravel-Niquet‘s well documented Todo List Backbone application.
"When working on a web application that involves a lot of JavaScript, one of the first things you learn is to stop tying your data to the DOM." "Backbone is a 4 kilobyte include that provides just the core concepts of models, events, collections, views, controllers, and persistence."