Getting Started with Backbone.js


Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level


Overview/Description
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.

Target Audience
JavaScript developers who wish to develop web applications using the Backbone.js library

Prerequisites
none

Expected Duration (hours)
1.4

Lesson Objectives

Getting Started with Backbone.js

  • 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
  • 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
  • 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
  • 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
  • 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
  • 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

    • Course Number:
    sl_bkbn_a01_it_enus

    Expertise Level
    Beginner