Duration: Hours

ExtJS stands for Extended JavaScript. It is a JavaScript framework and a product of Sencha, based on YUI (Yahoo User Interface). It is basically a desktop application development platform with modern UI.

Training Mode: Online




    Introduction, Ext JS Features

    What is an Application

    Writing a Classic toolkit only application starting with index.html, continue writing the application using Cmd

    Writing a Universal Classic Toolkit and Modern Toolkit Application

    Generate the initial application, fetch data, show thumbnails using a Classic toolkit dataview, style the view using Sass, refactor the app to allow a shared controller and view model, code the Modern toolkit list, group the data, use a Classic toolkit window, use a Modern toolkit navigation view

    Mechanics :

    • Writing code, prototype and Sencha Fiddle, Cmd, debugging.

     Sencha Architecture:

    • Overview, application structure, creating objects, when to refactor code into types, the class system, organizing source

    Views :

    • Components, containers, layouts and events, panels, toolbars and buttons, layouts, dialogs.

    View Controllers :

    • Event handling, component references, encapsulation and scope, lifecycle methods, architecture review

    View Models :

    • Structure, bindable, formulas, advanced comparison of events and binding

    Sending and Receiving Data :

    • Ext.data.Model – fields, custom validator types, custom field types, associations, proxies, readers and writers; Ext.data.Store – creating stores, loading data, selecting records, filtering, CRUD, chained stores; Ext.AJAX; Ext.data.Json.

    Data-Aware Components :

    • Templates, Dataviews; Grids – Column types, Selection model, Features, Plugins, Paging, Pivot grid; Tree panels – Tree stores, Node interface, Dynamic loading; Forms – Ext.form.field, examples, Validation, Input Type, Form submission; Charts – Axes, Series, styling and Interactions, Calendar.

    Advanced :

    • Routes, mashup mixin, state, Responsive design, Static members, Mixins, Overrides.

    Going Into Production :

    • Theming, Localization, Builds

    Mobile Components :

    • Navigation view, Multimedia, lists, forms


    For more inputs on Sencha Ext JS 6 you can connect here.
    Contact the L&D Specialist at Locus IT.



    There are no reviews yet.

    Be the first to review “Sencha Ext JS 6”

    Your email address will not be published. Required fields are marked *