Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

Javascript Frameworks Comparison

Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Wird geladen in …3
×

Hier ansehen

1 von 54 Anzeige
Anzeige

Weitere Verwandte Inhalte

Diashows für Sie (20)

Anzeige

Ähnlich wie Javascript Frameworks Comparison (20)

Weitere von Deepu S Nath (20)

Anzeige

Aktuellste (20)

Javascript Frameworks Comparison

  1. 1. Ganesh P A, Technical Architect
  2. 2.  A WALK THROUGH - JAVASCRIPT FRAMEWORKS
  3. 3. JAVASCRIPT MV* FRAMEWORKS  Organize code using variations of MVC Pattern  Helps in  Readable, structured, testable and maintainable code  Tying together a DOM manipulation library  Templating  Routing
  4. 4. BIG FOUR
  5. 5.  Maintained by Google and community  Initially Released on 2009  Current stable release 1.3.x (Feb 2015)  ~110 kb (gzip/minified) Miško Hevery and Adam Abrons
  6. 6.  Developed and is maintained by Steve Sanderson, a Microsoft employee  It is a personal open-source project, and not a Microsoft product.  Released on July 5, 2010  Current version 3.3.0 (Feb 2015)  ~21 kb (gzip/minified)
  7. 7.  Created by Jeremy Ashkenas,  Initially Released on October 2010,  Current stable release 1.1.2  ~6.5 kb (gzip/minified)
  8. 8.  Created by Yehuda Katz, a member of the jQuery, Ruby on Rails and SproutCore core teams.  Initially released as the SproutCore 2.0 framework later renamed as Ember.js  Initial release : 2011  Current stable release 1.10.0  ~102 kb (gzip/minified)
  9. 9.  Comparison  Scoring system  OK  Not Good Good
  10. 10.  How fast can I get up and running from homepage link?  HELLO WORLD
  11. 11.  Github  https://github.com/jashkenas/backbone
  12. 12.  Github  https://github.com/emberjs/ember.js 
  13. 13.  Github  https://github.com/angular/angular.js
  14. 14.  Github  https://github.com/knockout/knockout
  15. 15.  DEPENDENCIES
  16. 16.  NO DEPENDENCIES
  17. 17.  NO DEPENDENCIES
  18. 18. DATA BINDING  Process that establishes a connection between the application UI (User Interface) and business logic
  19. 19.  Data-binding is fully supported  Data can be bind into many attributes like text,value, options, enable etc  Provides Option for Creating custom bindings
  20. 20.  Data-binding is fully supported  Models use standard JSON properties (e.g. car.color = "red";)  Provides Option for Creating custom bindings
  21. 21.  Data-binding is not supported by default.  There are plugins available to support Data-binding
  22. 22.  Data-binding is fully supported  Models use getters and setters but the binding is automatically and better than Backbone.
  23. 23.  Used for routing your applications URL's when using hash tags(#) and/or HTML5 history API  Maps an url to a javascript function ROUTERS
  24. 24.  /person/12/101  Routing is very simple
  25. 25.  Router is similar to Backbone’s  /person/12/101
  26. 26.  Router is extremely capable, but very complex  Supported embedded routes  /person/12/101
  27. 27.  Knockout does not support routing by default  Still Routing is easily configurable by following third party libraries
  28. 28. VIEWS  How the stuffs are displayed in the screen
  29. 29.  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
  30. 30.  Uses HTML as templating language  Automatically pulls in HTML templates via AJAX when needed
  31. 31.  Extensive view type support  Very easy to create re-usable components  Handlebars are used for templating
  32. 32.  Uses HTML as templating language Supports  Native templates  Using default control flow bindings  String based templates  Third-party template engine
  33. 33. TESTING  Support for testing application
  34. 34.  No default test solution;  Test it your own  Can use following third party solutions
  35. 35.  Fantastic test support.  Designed from the beginning to be easy to test.  Karma developed by Angular JS team is popular test runner
  36. 36.  Poor testing initially  Pretty good testing support now
  37. 37.  As of now, no default debugging tools  Functions like Console.log(), ko.toJSON() helps debugging process  Can use following third party solutions
  38. 38. DATA  How do I get data from the sever?
  39. 39.  Uses JQuery’s $.ajax to power Backbone.  Very Easy to understand  Default behaviour is relatively easy to override
  40. 40.  No JQuery  Can do with Angular’s $http but much better using $resource  Very good API  Requires the ngResource module to be installed.
  41. 41.  Uses JQuery’s $.ajax under the covers  Just “getting data” is relatively easy to do e.g.  Doing things the “Ember way” is a bit more complex
  42. 42.  Uses JQuery’s $.ajax  Uses knockout mapping plugin  Maps JavaScript object into a view model with the appropriate observables
  43. 43.  How easy to get help?  COMMUNITY /DOCUMENTATION
  44. 44.  How easy to get help?  THIRD PARTY INTEGRATION  How easy to integrate another JS library?
  45. 45.  Hello World  Dependencies  Data binding  Routers  Views  Testing  Data  Community/Doc umentation  Third party integration  Development tools

×