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
Share on facebook
Share on twitter
Share on linkedin
Share on email

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!