Sencha Inc. | HTML5 Apps

Training

ExtJS241—Fast Track to Ext JS 4.2 Training

ExtJS241 is a hands-on course providing in-depth coverage of the Ext JS 4.2 framework and UI components, including Charting, Grids, the Ext JS 4 Data Model, Forms, Layouts, and Theming. It is targeted at developers who have a solid understanding of JavaScript and CSS and who want become immediately productive with Ext JS. This course includes custom component creation, and building Ext themes using SASS, Compass, SCSS, and CSS. 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.

Duration: 4 Days
Cost: $2,800/developer (6 developer minimum)
$2,000 per additional developer
Plus instructor travel for onsite. (US Prices)
Location: On-site at your location or Live Online Training
Details:
Prerequisites
  • 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
  • Sandbox Mode
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
  • 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
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
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.