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