Fast Track to Ext JS 6.5 - Building Desktop Apps with Classic Toolkit
Learn to build great Ext JS 6 apps for desktops, tablets, and smartphones. This course focuses on using the Classic toolkit to build desktop applications.
This course provides in-depth coverage of Ext JS including: MVVM architecture, data binding, the class system, the data package, builds, and theming, as well as the rich suite of interface components, such as grids, forms, and charts.
Through intensive hands-on labs, you will learn application architecture best practices and build three applications that connect to live data feeds. You will build several applications from scratch:
- A simple Classic toolkit application that introduces key concepts
- An application that uses both the Classic and Modern toolkits
- A full-featured application that showcases using the Modern toolkit for both the desktop and mobile user interfaces
Classroom - 5 days
Online - 10 half-day sessions over 2 weeks
Classroom at our location or Online
You must bring your own laptop, Mac or PC.
Register 30 days in advance
- Automatically get 10% off for 2 developers.
- Email email@example.com for a discount code to receive 20% off for 3-4 developers or 30% off for 5+ developers.
- Online classes: Automatically get additional 10% off.
- Available only for classes priced in US dollars.
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, prototyping 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
Separation of concerns, component references, encapsulation, lifecycle methods
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.JsonP
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, inputType, 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
Navigation view, multimedia, lists, forms
Watch for upcoming classes
For Private Online and Private Classroom training, contact us for pricing.