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.

How can we help you?


  • CloudLabs

  • Projects

  • Assignments

  • 24x7 Support

  • Lifetime Access

BackboneJS

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.

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

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

Course Outline

Module 12021-06-25T17:38:37+05:30
  • Difference between traditional web application and RIA architectures
  • Role of JavaScript & related frameworks
  • Overview of REST
Module 22021-06-25T17:39:10+05:30
  • The need for server-side JavaScript
  • The Single Threaded Event Loop
  • Creating modules in Node
  • Installing Node packages using npm
Module 32021-06-25T17:39:27+05:30

Introduction to Backbone.js

  • Need to organize UI code
  • Backbone Fundamentals
  • View
  • Model
  • Collection
  • Router
Module 42021-06-25T17:39:48+05:30
  • Implement a simple Model
  • Modify Model attributes
  • Use a Model in the Console
Module 52021-06-25T17:40:09+05:30
  • get(key)
  • set({key:value})
  • isNew()
  • toJSON()
Module 62021-06-25T17:40:29+05:30
  • Implement a simple View
  • Understanding template rendering
  • Using View in the console
  • Using HandleBar View Engine
Module 72021-06-25T17:40:49+05:30
  • Avoid string concatenation for dynamic generation of UI
  • Template syntax
  • Exploring Handlebar.js
  • Binding data to templates
  • Using pre-compiled templates
Module 82021-06-25T17:41:09+05:30
  • Model Binding Techniques
  • Using Knockback for data binding
  • Using Backbone.ModelBinder
Module 92021-06-25T17:41:29+05:30
  • Implement a collection
  • Use underscore methods to manipulate a collection
  • Understanding Collection Events
  • Using Backbone.Paginator for pagination
Module 102021-06-25T17:41:52+05:30
  • 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
Module 112021-06-25T17:42:08+05:30
  • Constructor Route
  • Router Redirection
  • Evented Routes
Module 122021-06-25T17:42:34+05:30

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
2023-01-06T15:32:40+05:30

Title

Go to Top