Backbone.js

What Does Backbone.js Mean?

Backbone.js is a model view controller (MVC) Web application framework that provides structure to JavaScript-heavy applications. This is done by supplying models with custom events and key-value binding, views using declarative event handling and collections with a rich application programming interface (API). All of these features are connected to the prevailing application using a RESTful JSON interface.

Advertisements

Backbone can be defined as an exceptionally lightweight library, which allows the creation of easy-to-maintain front ends for applications. It is back-end agnostic and operates very well with existing modern JavaScript libraries. This lightweight library is extremely useful in simplifying the procedure for developing interactive, complex and data-driven applications. Backbone.js offers a neat solution to separate data from presentation by structuring the code and splitting it into semantically meaningful .js files.

Techopedia Explains Backbone.js

The annotated source code of Backbone.js is available on GitHub. Also available are a sample application, an online test suite, a number of tutorials and a large list of real-world projects that use the Backbone technology.

The core of Backbone.js includes four major classes:

  • Model: Models are the core part of all JavaScript applications. Models contain interactive data in addition to the substantial element of logic surrounding the data, such as validations, conversions, access control and computed properties. Backbone.Model can be extended with domain-specific methods, and the model offers a standard functionality set to manage the changes. In Backbone.js, the model symbolizes a single entity.
  • Collection: Collections in Backbone.js are basically an array of models. Collections are usually a query result in which the results include a number of models.
  • View: A view in Backbone.js listens to the events thrown by the Document Object Model and collections/models. In addition, it represents the state and data model of the application to the user.
  • Controller: Controllers in Backbone can be used to create stateful, bookmarkable applications with the help of hashbangs.

When the state or content of a model is modified, other objects subscribed to the model are notified to proceed accordingly. The views listen to the model changes and then automatically update themselves in accordance with the changes.

Some applications that use Backbone.js include:

  • DocumentCloud
  • LinkedIn Mobile
  • AudioVroom
  • Foursquare
  • Basecamp Mobile
  • Diaspora
  • Pandora
  • Animoto

Advertisements

Related Terms

Margaret Rouse
Technology Expert

Margaret is an award-winning technical writer and teacher known for her ability to explain complex technical subjects to a non-technical business audience. Over the past twenty years, her IT definitions have been published by Que in an encyclopedia of technology terms and cited in articles by the New York Times, Time Magazine, USA Today, ZDNet, PC Magazine, and Discovery Magazine. She joined Techopedia in 2011. Margaret's idea of a fun day is helping IT and business professionals learn to speak each other’s highly specialized languages.