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
- Writing code, prototype and Sencha Fiddle, Cmd, debugging.
- Overview, application structure, creating objects, when to refactor code into types, the class system, organizing source
- 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.
- Routes, mashup mixin, state, Responsive design, Static members, Mixins, Overrides.
Going Into Production :
- Theming, Localization, Builds
Mobile Components :
- Navigation view, Multimedia, lists, forms