The course has the following student learning goals:

  • Understand what Backbone.js is and what problem it solves.
  • Explore the basic architecture of a Backbone.js application.
  • Gain a deep knowledge of Backbone.js models, collections, views, router, and events.
  • Build a working application that uses each of Backbone.js’s components.
  • Learn Backbone.js best practices.

Outline for Introduction to Backbone.js Training

1. Overview
Backbone.js
What is it?
What problem does it solve?
Development Eco-System
Editor and Web Server
Browser Development Tools
Hello World Application

2. Models
Extending Backbone.Model
Constructors
Model Attributes
New Attributes
Updating Attributes
Deleting
Default Values
Clearing
Cloning
Identifiers
Model Functions
Validation
REST Services
Events

3. Collections
Extending Backbone.Collection
Constructors
Manipulating Collections
Add Models
Remove Models
Replace Models
Smart Updates
Traversing a Collection
Retrieve a Model
Iterating over Models
Using Underscore.js Collection Methods
REST Services
Events

4. Views
Extending Backbone.View
Rendering Content & Manipulating the DOM
Templating
Underscore.js Templates
HandleBars Templates

5. Routing
A Extending Backbone.Router
History
Route Parameters

6. Events
Changing the Route
Using the Router as a Controller
Events
Binding/Unbinding Events
Triggering Events

7. Conclusion
Best Practices