Overview of JavaScript Applications Development Frameworks

Overview of JavaScript Applications Development Frameworks

Overview of JavaScript Applications Development Frameworks.

Reviewed pure jQuery app, Backbone.js and Knockout.js

F32f547e66f3b6528376d67fdb67008f?s=128

Alexander Beletsky

May 18, 2012
Tweet

Transcript

  1. 3.

    What's inside ? • Pure jQuery development • MVC &

    MVVM architectural pattern • TodoMVC set of examples • Backbone.js and Knockout.js
  2. 4.
  3. 5.

    Pure jQuery Apps • jQuery DOM manipulation framework • Does

    not provide any app structure • No separate of concerns (data and presentation mixed together) • DOM used as data storage • Low maintability in long perspective
  4. 10.

    Different client side JS development frameworks implements MVC differently. Addy

    Osmani introduces term MV* (MV star), to define the family of frameworks with common goal but different impementation strategy.
  5. 11.
  6. 12.

    Fast facts • Created by Jeremy Ashkenas • Library (not

    framework) • Minimalistic • Huge popularity • Used by large companies SoundCloud, Foursquare, E-conomic • Low dependencies • Template agnostic
  7. 24.
  8. 25.

    Fast facts • Created by Steve Sanderson • MVVM based

    • Declarative bindings • Automatic UI refresh • Templates • Promoted by Microsoft in ASP.NET MVC • No dependencies • Great documentation
  9. 33.

    • Both Knockout.js and Backbone.js are powerful and complete •

    Knockout.js more opionated • Knockout.js more easy to start • Both are complex thought • Backbone.Sync model • Knockout UI updates