ExtJS251—Fast Track to Ext JS 4 Training + Sencha Architect 3

This hands-on Fast Track course provides in-depth coverage of Ext JS 4 and Sencha Architect 3 including:
  • App Architecture and Sencha MVC
  • Developing complete Ext JS 4 Applications with Sencha Architect 3
  • Sencha Cmd
  • UI Components and Views
  • The Class System
  • Components, Containers and Layouts
  • Data Models, Stores, and Proxies
  • Data Aware Components
  • Grids, Trees, Data Views, Forms, Charts
  • Controllers
  • Theming
  • Production Builds
This Fast Track course includes all of Essential Ext JS plus:
  • Model Associations, Trees, Grid Editing, Charting, Theming, DOM Manipulation, and more advanced MVC
  • Trees
  • Grid Editing
  • DOM Manipulation
  • Custom Component Development
  • Advanced MVC

Through intensive hands-on labs, you will learn application architecture best practices and build a functioning application with an Ext JS 4 user interface connecting to live data feeds using JSON.

Developers report saving at least 3-4 weeks learning Ext JS by taking this course. Get on the Fast Track today!

Duration: 5 days for classroom (ends 2 hours early on Friday), or 10 half-day sessions over 2 weeks for Live Online Training
Cost: $3,300/developer (6 developer minimum)
$2,400 per additional developer
Plus instructor travel for on-site. (US Prices)
Location: On-site at your location or Live Online for your team
  • Prior experience developing applications in JavaScript and HTML
  • Familiarity with JavaScript Object Notation (JSON)
  • Prior experience developing Cascading Style Sheets
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
  • 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
Component Model
  • Overview
  • Component Manager
  • Deferred Rendering
  • Component vs. Element
  • Component configuration
Laying out your GUI
  • Defining Panels
  • Docking
  • Headers
  • Tools
  • 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
  • Enabling Locale Support
  • Supported Locales
  • Globalizing your Components
  • 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
Setup Requirements

Bring your own laptop (Mac or PC) with the following software installed:

Contact us about On-Site Training

Use this form to register your interest for on-site training at your facility.

Fields marked with * are required.

Sign up for Sencha News