Course Content
Getting Started with Ext JS 4
- Reviewing the online docs
- Loading the Library
- Ext 3 Compatibility
- Sandbox Mode
Application Architecture
- Design and Refactor Applications
- Application Best Practices
- Introducing Sencha MVC
- Introducing Sencha Command
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
Component configuration
- 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
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
Building Ext And Your Project
- Setup, Maintain and Deploy the JavaScript & CSS
- Generate Compressed JavaScript & CSS
