Introduction to Backbone.JS

Course Number:



Course Duration:
3 days


Course Objectives:
  • Build a responsive client-side web application with Backbone.js
  • Set up an application from start to finish
  • Display information with views
  • Update server-side data with forms
  • Change views with a router
  • Extract common code components
  • Improve application performance
Course Outline:
  • Introduction


  • Concepts: Model-View-Controller
    • What is Model-View-Controller?
    • How Does Backbone.js Fit into this Model?
    • What About the Back-End?


  • Basic Backbone
    • A Very Simple Model
    • Retrieving Our Simple Model
    • Saving Our Simple Model


  • Event Handling
    • Capturing Events
    • Abandoning Events
    • Triggering Events


  • The Model In-Depth
    • Building a Model with extend()
    • Getters and Setters
    • Constructors and Defaults
    • Managing Changes
    • Validation


  • Collections: Multiple Models
    • Overview of the Collections API
    • Creating Your Own Collection
    • Adding and Removing Elements
    • Comparing and Sorting Elements
    • Filtering Collections
    • Data Manipulation as A Batch Operation


  • Manipulating Collections with Underscore.js
    • Iteration Functions (forEach, map, filter)
    • Accessors: Last, First
    • Searching: Contains/Include, etc.
    • Aggregation Functions: Max, Min, etc.


  • Display Information with Views
    • Display a Model
    • Display Aggregated (Reduced) Data
    • Display Aggregated (Reduced) Data


  • Backbone.sync: How to Talk to A Server
    • The RESTful Model of CRUD Interaction
    • Standard Syncing Over REST
    • Alternatives for Non-RESTful Applications


  • Update Server-Side Data with Forms
    • Display Forms
    • Perform Client-Side Form Validation
    • Submit A Form to Update an Object


  • Change Views with a Router
    • Start on A Main Route
    • Create Links to Display Different Views
    • Animate Changes
    • Tracking History


  • Advanced Topics and Techniques
    • Create an Automatically Updating View
    • Extracting Common Code to Libraries


  • Improve Performance
    • Preparations
    • Update Data with A Changes Feed
    • Make Requests Over a Websocket
    • Organize with Pagination


  • Conclusion

Related Posts

About Us

IT Training, Agile Ways of Working and High Impact Talent Development Strategies

Let Us Come to You!

Classes recently delivered in: Atlanta, Boston, Chicago, Columbus, Dallas, Detroit, Indianapolis, Jerusalem, London, Milan, New York, Palo Alto, Phoenix, Pittsburgh, Portland, Raleigh, San Antonio, San Diego, San Francisco, San Jose, Seattle, Springfield, Mass., St. Louis, Tampa and more!