Fast Track to Ext JS 7 - Building Desktop & Mobile Apps with Classic Toolkit
Learn to build great Ext JS 7 apps for desktops, tablets, and smartphones. This course focuses on the Modern toolkit.
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
10 days
Your computer
You must bring your own laptop, Mac or PC.
$2495/developer
Course Outline
Overview
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, prototyping and Sencha Fiddle, Cmd, debugging
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.JsonP
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, inputType, 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
Register Now
Didn't find what you need? Contact us.