Sencha Ext JS

CloudLabs

Projects

Assignment

24x7 Support

Lifetime Access

.

Course Overview

Learn to build great Ext JS 6 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.

At the end of the training, participants will be able to:

  1. Prior experience developing applications in JavaScript and HTML
  2. Familiarity with JavaScript Object Notation (JSON)
  3. Prior experience developing Cascading Style Sheets

Pre-requisite

Duarion

5 days

Course Outline

  1. Introduction, Ext JS Features
  1. Writing a Classic toolkit only application starting with index.html, continue writing the application using Cmd
  1. 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
  1. Writing code, prototyping and Sencha Fiddle, Cmd, debugging
  1. Overview, application structure, creating objects, when to refactor code into types, the class system, organizing source
  1. Components, containers, layouts and events, panels, toolbars and buttons, layouts, dialogs
  1. Event handling, component references, encapsulation and scope, lifecycle methods, architecture review
  1. Structure, bindable, formulas, advanced comparison of events and binding
  1. 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
  1. 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
  1. Routes, mashup mixin, state, responsive design, static members, mixins, overrides
  1. Theming, localization, builds
  1. Navigation view, multimedia, lists, forms

Reviews