27
JAVASCRIPT FRAMEWORKS

JS Frameworks - Angular Vs Backbone

Embed Size (px)

Citation preview

Page 1: JS Frameworks - Angular Vs Backbone

JAVASCRIPT FRAMEWORKS

Page 2: JS Frameworks - Angular Vs Backbone

Maintained by Google and community

Initially Released on 2009 Current stable release

1.4.7 ~37kb total (gzip / minified)

Page 3: JS Frameworks - Angular Vs Backbone

Created by Jeremy Ashkenas Initially Released on October

2010, Current stable release 1.2.3 ~6.5kb total (gzip / minified)

Page 4: JS Frameworks - Angular Vs Backbone

ANGULAR JS VS BACKBONE JS

Page 5: JS Frameworks - Angular Vs Backbone

Scoring system

OK Not Good Good

Page 6: JS Frameworks - Angular Vs Backbone

DEPENDENCIES

Page 7: JS Frameworks - Angular Vs Backbone
Page 8: JS Frameworks - Angular Vs Backbone

NO DEPENDENCIES

Page 9: JS Frameworks - Angular Vs Backbone

DATA BINDING

Process that establishes a connection between the application UI (User Interface) and business logic

Page 10: JS Frameworks - Angular Vs Backbone

Data-binding is fully supported Models use standard JSON properties (e.g. car.color =

"red";) Provides Option for Creating custom bindings

Page 11: JS Frameworks - Angular Vs Backbone

Data-binding is not supported by default.

There are plugins available to support Data-binding

Page 12: JS Frameworks - Angular Vs Backbone

Used for routing your applications URL's when using hash tags(#)

Maps an url to a Javascript function

ROUTERS

Page 13: JS Frameworks - Angular Vs Backbone

Router is very simple

Page 14: JS Frameworks - Angular Vs Backbone

Router is similar to Backbone’s

Page 15: JS Frameworks - Angular Vs Backbone

VIEWS

How the stuffs are displayed in the screen

Page 16: JS Frameworks - Angular Vs Backbone

Simple and straight forward. Easy for developer with JQuery and DOM skills Simply extend Backbone.View, grab an element and

put stuff in it No Official Templating, but easy to add using

Page 17: JS Frameworks - Angular Vs Backbone

Uses HTML as templating language Automatically pulls in HTML templates via AJAX

when needed

Page 18: JS Frameworks - Angular Vs Backbone

TESTING

Support for testing application

Page 19: JS Frameworks - Angular Vs Backbone

No default test solution; Test it your ownCan use following third party solutions

Page 20: JS Frameworks - Angular Vs Backbone

Fantastic test support. Designed from the beginning to be easy to test.Karma developed by Angular JS team is popular test runner

Page 21: JS Frameworks - Angular Vs Backbone

DATA

How do I get data from the sever?

Page 22: JS Frameworks - Angular Vs Backbone

Uses JQuery’s $.ajax to power Backbone. Very Easy to understand Default behavior is relatively easy to override

Page 23: JS Frameworks - Angular Vs Backbone

No JQuery Can do with Angular’ s $http but much better using

$resource Very good API

Requires the ngResource module to be installed.

Page 24: JS Frameworks - Angular Vs Backbone

How easy to get help?COMMUNITY /DOCUMENTATION

Page 25: JS Frameworks - Angular Vs Backbone

THIRD PARTY INTEGRATION How easy to integrate another JS library?

Page 26: JS Frameworks - Angular Vs Backbone

DEVELOPMENT TOOLS

Page 27: JS Frameworks - Angular Vs Backbone

FINAL CHOICE