Complex Application Development with Backbone.js

This course is included in our On-demand training solution.


Node.js is a server-side JavaScript engine built on Google’s V8 runtime. Backbone.Marionette is a set of design templates for Backbone.js created to simplify the process of creating large scale applications. In this course, you’ll learn about complex JavaScript application development using Backbone.js, server-side databases, node.js and Marionette.

Target Audience

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



Expected Duration

60 min.

Course Objectives

Course Introduction

Install Node.js

  • locate, download, and install the Node.js web server, which enables client-server functionality for your Backbone applications on your computer
  • Run the Node npm Module

  • install NPM (Node Packaged Modules) and finalize the installation of the Node.js server used by Backbone.js
  • Create a Server.js File and Start the Node Server

  • prepare a JavaScript file in Backbone.js with the basic settings which allow you to run Node
  • Load Data from the Server

  • render a model to a view in Backbone.js
  • SetupNode for RESTful Applications

  • create an application that lets users carry out operations on the server in JavaScript Backbone.js
  • Configuring Node.js to Connect to MongoDB

  • implement MongoDB in JavaScript Backbone.js
  • Create a Collection for the List View

  • create a collection for rendering lists in Backbone.js
  • Create a List View

  • use Backbone.js to create views for displaying array items
  • Create a Router for a List

  • display List Views with Backbone.js
  • Create Links for a List View

  • convert a list of items into hyperlinks to serve as navigation in an app using Backbone.js
  • Create a Form View to Collect Data from a User

  • create a Handlebars template, then configure it using Backbone.js
  • Add a Form View to an Application

  • add a form view to an application using Backbone.js
  • Saving Models to the Server

  • save user data to a server using Backbone.js
  • Deleting Models from the Server

  • add the Backbone.delete method to your Backbone.js application
  • Understanding Simple Events

  • set up and use Backbone.js events
  • Using Events on Collections

  • respond to objects being changed or added to models using Backbone.js
  • Using Events in Views

  • add an event that listens for a click and displays a message using Backbone.js
  • Using Events on Models

  • add a change event to a model to track changes to its data using Backbone.js
  • Binding the DOM versus jQuery

  • use Backbone.js to listen to bound events
  • Binding Using API Events

  • use an API event to add another callback in Backbone.js
  • Using listenTo

  • use the listenTo method in JavaScript Backbone.js
  • Using the Once Method

  • use the once method in JavaScript Backbone.js
  • Keyboard Events

  • include a keypress event that listens for a particular key in a Backbone.js application
  • Provide Error Callbacks

  • include an error callback in JavaScript Backbone.js
  • Using pushState in Backbone

  • remove the pound sign from URLs in JavaScript Backbone.js
  • Populate a Collection with Data from a Database

  • populate collections with data from a database in JavaScript Backbone.js
  • Adding and Deleting Records with the Database

  • code an application to add and delete database records in JavaScript Backbone.js
  • Installing Marionette

  • install the Marionette application library for Backbone.js
  • Using Marionette to Render a View

  • reduce the code needed to create and render views to a single line using Marionette in Backbone.js
  • Define a Marionette Application

  • define an Essential Application Object using Marionette in Backbone.js
  • Marionette Regions

  • use Marionette to add regions to your Backbone.js application
  • Using Marionette Modules

  • use Marionette to place aspects of your Backbone.js application within a module
  • Use LocalStorage

  • use the Backbone LocalStorage library to add storage capability to a Backbone.js application
  • Marionette Layouts

  • use Marionette to create a layout and define a template and its features for a Backbone.js application
  • Marionette Composite Views

  • use Marionette composite view to add multiple instances of itemView to a collection and apply views in Backbone.js