BackboneJS

Live Online (VILT) & Classroom Corporate Training Course

Build Rich Internet Applications (RIA) using JavaScript and Backbone.js. It is known for lightweight JS framework that allows faster iterations on the front end and integrates well with web services.
BackboneJS logo

How can we help you?

  • CloudLabs
    CloudLabs
  • Projects
    Projects
  • Assignments
    Assignments
  • 24x7 Support
    24x7 Support
  • Lifetime Access
    Lifetime Access
Box

Overview

This training is a comprehensive and intensive course that will allow you to gain the knowledge required to build Rich Internet Applications (RIA) using JavaScript and Backbone.js. Through hands on practical sessions and extensive code prep you will learn about models and collections, views and event driven user interfaces and other aspects of Backbone.js to build complex client side applications.

Box

Objectives

At the end of BackboneJS training course, participants will learn

  • The basic difference between traditional and web applications and rich internet applications
  • The role of dynamic typed nature of JavaScript language
  • The functional programming features in JavaScript and how to use them to build superior applications
  • How to modularize and load JavaScript files using Require.js
  • How to use Handlebar templates for UI templating
  • The techniques for organizing UI code using Backbone.js
Box

Prerequisites

Participants should be familiar with:

  • Web development with HTML, CSS, JavaScript & jQuery
  • Exposure to any server technology (J2EE, .NET, Ruby etc) is good to have but not mandatory
Box

Course Outline

  • Difference between traditional web application and RIA architectures
  • Role of JavaScript & related frameworks
  • Overview of REST

  • The need for server-side JavaScript
  • The Single Threaded Event Loop
  • Creating modules in Node
  • Installing Node packages using npm

Introduction to Backbone.js

  • Need to organize UI code
  • Backbone Fundamentals
  • View
  • Model
  • Collection
  • Router

  • Implement a simple Model
  • Modify Model attributes
  • Use a Model in the Console

  • get(key)
  • set({key:value})
  • isNew()
  • toJSON()

  • Implement a simple View
  • Understanding template rendering
  • Using View in the console
  • Using HandleBar View Engine

  • Avoid string concatenation for dynamic generation of UI
  • Template syntax
  • Exploring Handlebar.js
  • Binding data to templates
  • Using pre-compiled templates

  • Model Binding Techniques
  • Using Knockback for data binding
  • Using Backbone.ModelBinder

  • Implement a collection
  • Use underscore methods to manipulate a collection
  • Understanding Collection Events
  • Using Backbone.Paginator for pagination

  • Extend an existing View
  • Writing a template
  • Render Models in a Collection
  • Using jQuery sub-search in a View
  • Adding Content to the DOM
  • Render on the Collection’s reset event

  • Constructor Route
  • Router Redirection
  • Evented Routes

Bower

  • Creating and maintaining client side dependencies using Bower.js
  • Bower configuration file
  • Installing dependencies

Grunt

  • Need for a JavaScript task executor
  • Setting up Grunt.js
  • Commonly used Grunt Tasks
Box

Testimonials