Fast Track to Ext JS 4.2 Training + Sencha Architect

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
- Ext 3 Compatibility and Sandbox Mode

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

Laying out your GUI
- Defining Panels
- Docking
- Headers
- Tools
- Resizing Panels
- Defining Toolbars
- Defining Layouts
- HBOX
- VBOX
- Splitter
- Tabs

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

Getting on the Grid
- Introducing grid features
- Defining a read-only grid
- Editing within a grid

Visualizing Data
- Programatically drawing on a canvas
- Charting data

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

Drag & Drop
- Implement Custom Drag and Drop

Theming
- Getting started with SASS
- Using Compass and SASS

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