7/30/2019 BackboneJS Module

1/16

For Training Purpose Only

1

Backbone.JS

Training Session by

17th -19st May 2012

7/30/2019 BackboneJS Module

2/16

7/30/2019 BackboneJS Module

3/16

3For Training Purpose Only

Objective

Introducing Backbone Client Side MVC

Backbone Advance Concepts ( Routers, Hash Events etc)

End to end Application Development using Backbone and REST

Organizing Applications using Require.js

Optimizing Apps for Production using Require.js Optimizer

Introducing Qunit for unit testing

Introducing Jquery

Jquery concepts ( Selectors, Wrapped Set Operations, Utility Functions, Plugin Dev)

At the end of the training the participants would be able to write applications making

use of Backbone, Jquery and Require.js

At the end of the training the participants would be required to develop a case study

based on the concepts covered during the training

7/30/2019 BackboneJS Module

4/16

4For Training Purpose Only

Classic Web-App Model (1/2)

ClientServer

Process Business Logic Manage Data

(get, validate, create, etc.) Loading and Parsing Templates Sending Back (heavy) Results

X Number of Clients

Send Request Load Content X 1

7/30/2019 BackboneJS Module

5/16

5For Training Purpose Only

Classic Web-App Model (2/2)

V

M C

Server

Client

7/30/2019 BackboneJS Module

6/16

6For Training Purpose Only

Analysis, Whats wrong?

Small scalability

Server is doing more than it should

Slow answer to user

Unresponsive apps

Client often still has unused (free) resources

7/30/2019 BackboneJS Module

7/16

7For Training Purpose Only

Contents

Objective Of The Training

Classic Web-App Model

Modern Web-App Model

Hands-On Modules

7/30/2019 BackboneJS Module

8/16

8For Training Purpose Only

Modern Web-App Model (1/2)

Manage DB (Validate) Sending Back Pure Data

(JSON)

Send Request Load Templates Load Data Process Business Logic Validate Data

ClientServer

7/30/2019 BackboneJS Module

9/16

9For Training Purpose Only

Modern Web-App Model (2/2)

DB

V

M C

ClientServer

7/30/2019 BackboneJS Module

10/16

7/30/2019 BackboneJS Module

11/16

11For Training Purpose Only

What does Backbone Offer?

Implements Observer Pattern on its View

Full rest support

Support for Jquery or zepto for DOM manipulation

Proxies underscore functions so that they can be directly used on collections

Provides structure to your client side code

7/30/2019 BackboneJS Module

12/16

12

Comparative Analysis

Advantages

Combination of Backbone & Require.js can

provide a solid architecture for your client side

code

When used together they can provide significant

performance benefits enabling faster response

times for the users.

Automated handling of ajax requests

Views are smart enough to handle changes to

the models they display

Disadvantages

Learning Curve

Increased Effort(billing hours)

No Advanced Validation features

No Widgets

12

7/30/2019 BackboneJS Module

13/16

13For Training Purpose Only

Backbone.JS Views: Client-Side

7/30/2019 BackboneJS Module

14/16

14For Training Purpose Only

Backbone.JS Views: Data Events

7/30/2019 BackboneJS Module

15/16

15For Training Purpose Only

Contents

Objective Of The Training

Classic Web-App Model

Modern Web-App Model

Hands-On Modules

7/30/2019 BackboneJS Module

16/16

16For Training Purpose Only