Collections     Developer Collection     Scripting and Web Languages     Javascript: Backbone.js

---

Backbone.js provides a rich API for working with collections, models, and views. In this course, you'll learn about setting up Backbone.js and downloading all the required components, creating basic models and views, working with collections, and working with Handlebars.js – a templating language for JavaScript applications.

---

---

Objectives

Getting Started start the course download Backbone.js download jQuery for Backbone.js download Underscore.js for use in JavaScript Backbone.js set up a boilerplate HTML file for use with Backbone.js create a script file and link it to the boilerplate in Backbone.js reduce a Backbone.js app's HTTP requests to the server by embedding code into the main HTML document Creating a Basic Model create a model using Backbone.js add arbitrary properties to a model in Backbone.js set up default values for a model in Backbone.js use a Getter to access model properties in Backbone.js use Setters to add or change property values for a model in Backbone.js Events and Views use events to ensure application responses when dealing with data model changes using Backbone.js add an event when the title changes in JavaScript Backbone.js work with the basic concepts of creating views in JavaScript Backbone.js control the HTML element, class, and id in JavaScript Backbone.js bind a model to a view in JavaScript Backbone.js add a view to a page in JavaScript Backbone.js separate code for models and views into separate files in JavaScript Backbone.js Handlebars download Handlebars for JavaScript Backbone.js create a Handlebars template in JavaScript Backbone.js display images in a JavaScript Backbone.js application using the Handlebars template download and install the Handlebars runtime templating engine to speed View rendering in your Backbone.js app create and save a ready-to-be-compiled Handlebars template file for your Backbone.js app use the Handlebars command-line tool to speed up Backbone.js Views rendering use a precompiled Handlebars template file in your Backbone.js app Collections create an ordered set of models utilizing JavaScript Backbone.js collections iterate over a collection of models using a built-in Underscore.js utility within JavaScript Backbone.js sort on a collection using Underscore's sortBy() method in a JavaScript Backbone.js application transform collection items and produce a new array of values using the Underscore.js map function in JavaScript Backbone.js use the Underscore.js pluck() function to extract the values of an attribute in a JavaScript Backbone.js collection combine Underscore.js utilities using the chain() function when working with JavaScript Backbone.js collections Routing create simple client-side URL navigation in a JavaScript application utilizing Backbone.Router use HTML hyperlinks to trigger Backbone.js routes and manage your page navigation use Backbone.js colon syntax to pass identifiers as arguments to the hash function to create complex URLs define a default empty route to your Backbone.js router