JS Frameworks - Angular Vs Backbone
-
Upload
gourav-jain-mcts -
Category
Documents
-
view
80 -
download
0
Transcript of JS Frameworks - Angular Vs Backbone
![Page 1: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/1.jpg)
JAVASCRIPT FRAMEWORKS
![Page 2: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/2.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/3.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/4.jpg)
ANGULAR JS VS BACKBONE JS
![Page 5: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/5.jpg)
Scoring system
OK Not Good Good
![Page 6: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/6.jpg)
DEPENDENCIES
![Page 7: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/7.jpg)
![Page 8: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/8.jpg)
NO DEPENDENCIES
![Page 9: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/9.jpg)
DATA BINDING
Process that establishes a connection between the application UI (User Interface) and business logic
![Page 10: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/10.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/11.jpg)
Data-binding is not supported by default.
There are plugins available to support Data-binding
![Page 12: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/12.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/13.jpg)
Router is very simple
![Page 14: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/14.jpg)
Router is similar to Backbone’s
![Page 15: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/15.jpg)
VIEWS
How the stuffs are displayed in the screen
![Page 16: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/16.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/17.jpg)
Uses HTML as templating language Automatically pulls in HTML templates via AJAX
when needed
![Page 18: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/18.jpg)
TESTING
Support for testing application
![Page 19: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/19.jpg)
No default test solution; Test it your ownCan use following third party solutions
![Page 20: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/20.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/21.jpg)
DATA
How do I get data from the sever?
![Page 22: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/22.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/23.jpg)
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](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/24.jpg)
How easy to get help?COMMUNITY /DOCUMENTATION
![Page 25: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/25.jpg)
THIRD PARTY INTEGRATION How easy to integrate another JS library?
![Page 26: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/26.jpg)
DEVELOPMENT TOOLS
![Page 27: JS Frameworks - Angular Vs Backbone](https://reader035.fdocuments.in/reader035/viewer/2022070519/58f2fea21a28abaf628b45f5/html5/thumbnails/27.jpg)
FINAL CHOICE