Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Dive into ExtJs

Sergii
July 10, 2013

Dive into ExtJs

Pros and cons of using ExtJs framework for single page applications
Video: http://youtu.be/eR-0hDs1URs

Sergii

July 10, 2013
Tweet

Other Decks in Programming

Transcript

  1. © 2012 M.C. Dean, Inc. Classic site Model (View model)

    MVC Controller View Server side - MVC Make view model and put it to View Request Response MVC Controller (JSON) Ajax Ajax model Client side - JQuery
  2. © 2012 M.C. Dean, Inc. JavaScript application MVC Controller Base

    View loads just first time and it contains JS App code JavaScript application Request Response Web API Controller View model for JSON Ajax HTML Template JavaScript modules Server side – MVC 4 Client side
  3. © 2012 M.C. Dean, Inc. Features available out of the

    box • Loader (RequireJS, CommonJS) • DOM queries (JQuery, Prototype) • Work with data (Underscore.js) • Application architecture (Backbone.js, AngularJS, Ember.js, KnockoutJS) • UI elements(JQuery UI, Kendo UI)
  4. © 2012 M.C. Dean, Inc. Object model of ExtJs 4

    Component Draggable Panel Tab Panel Window mixin extend extend extend Observable Resizable mixin mixin
  5. © 2012 M.C. Dean, Inc. Communication • Server Proxy 

    Ajax  Rest  JsonP  Direct • Client Proxy  Local Storage Proxy  Session Storage Proxy  Memory Proxy • Ajax
  6. © 2012 M.C. Dean, Inc. Pros and Cons + All

    in one + High development speed + Cross-browser compatibility + The extensibility of components + JS optimization for deployment ‒ It costs little money ‒ Hardly theme changes
  7. You have reached the end of this module. Thanks Do

    you have any questions? Sources: 1. http://www.sencha.com/ 2. http://docs.sencha.com/ext-js/4-1/ 3. http://docs.sencha.com/ext-js/4-2/extjs-build/examples 4. https://market.sencha.com/