Click to search on your search term.

ExtJS252: Fast Track to Ext JS 5 + Architect 3

During this five-day hands-on instructor-led class you will learn the fundamentals of building an Ext JS 5 application.

Duration: 5 days

Price: 3300.00
Online Price: 3550.00

Course Prerequisites

Students should have prior experience with Javascript and web application development.

Course Outline

Introducing the Course
  • About the Course
  • Course Objectives
  • Course Prerequisites
  • Required Software
  • Optional Software
  • Course Format
  • Course Outline
  • Demonstration: Introducing the App
Getting Started with Ext JS 4
  • Reviewing the online docs
  • Loading the Library
Application Architecture
  • Ext Application Design
  • Introducing Sencha MVC
Sencha Architect
  • Expediting the development of complete Ext JS 4 Applications with Sencha Architect
  • Creating MVC, Data Sources, and custom components
Fundamental Classes
  • Ext.Element
  • Ext.CompositeElement
  • Ext.DomHelper
  • Ext.DomQuery
Event Handling
  • Events in Ext & DOM Events
  • Observable classes
  • Custom Events
  • Event Handlers & Delegated Event Handling
Component Model
  • Overview
  • Component Manager
  • Deferred Rendering
  • Component vs. Element
  • Component configuration
Hands-on Experience w/ Common Components
  • Viewport
  • TabPanel
  • GridPanel
  • FormPanel
Working with Data
  • Defining Models
  • Validating your Data
  • Defining Associations
  • Defining Proxies
  • Defining Stores
  • Working with Forms
  • Understanding Form Layout
  • FormPanel vs. BasicForm
  • Anchor
  • FieldContainer
  • Using Field as Mixin
  • Applying Validations
  • Synchronizing Data to/from an Application Server
  • Outputting Data with DataView
Laying out your GUI
  • Defining Panels
  • Docking
  • Headers
  • Tools
  • Resizing Panels
  • Defining Toolbars
  • Defining Layouts
  • HBOX
  • VBOX
  • Splitter
  • Tabs
Getting on the Grid
  • Introducing grid features
  • Defining a read-only grid
  • Editing within a grid
Visualizing Data
  • Pie Charts
  • Implementing Line Charts
  • Implementing Column Charts
  • Creating interactions
Persisting UI State
  • Stateful Components
  • Provider vs. Manager
  • Setting a Provider
  • Application Specific State Management
Utility Functions
  • Ext.apply
  • Ext.util.Format
Creating & Extending Classes
  • Creating a Class & Extending a Class
  • Extending a Component
  • Understanding the Ext Core
  • Class System
  • Class Definition
  • Class Loading
  • Mixins
  • Statics
  • Automatically generating getters and setters with the config property
  • Using the Lang Package
  • Parsing Information about the Browser with Env
Internationalization
  • Enabling Locale Support
  • Supported Locales
  • Globalizing your Components
Theming
  • Getting started with SASS
  • Using Compass and SASS
  • Working with Theme Packages
Application Architecture
  • Design and Refactor Applications
  • Application Best Practices
  • Introducing Sencha MVC
  • Introducing Sencha Command
Building Ext And Your Project
  • Setup, Maintain and Deploy the JavaScript & CSS
  • Generate Compressed JavaScript & CSS

Fig Leaf has provided training in the following cities:

Alexandria VAAmsterdamArlington VAAtlantaAustinBaltimore
BangaloreBostonCharoltteChicagoColumbusDallas
DenverDes MoinesDetroitDubaiEdmontonGeneva
HoustonIndianapolisJacksonvilleLas VegasLondonLos Angeles
MadridMiamiMilwaukeeMinneapolisNew HavenNew York
OttawaPhiladelphiaPhoenixRaleigh / DurhamRestonRome
SacramentoSan AntonioSan DiegoSan FranciscoSan JoseSeattle
SingaporeSpringfieldState College PATallahasseeTorontoWashington DC