Training

ExtJS201—Fast Track to Ext JS 3.3 Development

This hands-on course provides in-depth, coverage of the Ext JS 3.3 framework and UI components. It is targeted for those who have a solid understanding of JavaScript and CSS and who want to get a jumpstart to being immediately productive with Ext JS. This course also provides extended coverage of the Ext JS framework. It includes custom component creation, creating Ext themes using CSS, and UI prototyping. The course includes intensive hands-on labs and by the end of the course, you will have built a functioning user interface with Ext JS which connects to live data feeds using JSON. This course also includes a half-day module using Ext Designer to build end-to-end web applications.

Duration: 3 Days
Cost: $2,100 per developer (6 developer minimum)
$1,500 per additional developer
Plus instructor travel expenses
Location: On-site at your location or worldwide at Open Sencha Training Sessions
Details:

Course Prerequisites

  • Prior experience developing applications in JavaScript and HTML
  • Familiarity with JavaScript Object Notation (JSON)
  • Prior experience developing Cascading Style Sheets
<

Course Outline

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
Containers and Layout Management
  • Containers
  • Layout Managers
Ajax
  • Creating a Request
  • Using Success & Failure callbacks
  • Ext.Updater
Ext.data Package
  • Connection
  • Readers
  • Proxies
  • Records
  • Stores
Custom Components
  • Extend Ext JS Components to create Custom Components
Build Live Ext JS Apps Fast with Ext Designer
  • Rapidly create rich Ext JS interfaces with Ext Designer
  • Create and Configure Components
  • Create/Configure Data Stores
  • Generate Code and JSON
  • Implement Business Logic and Behavior
Templates & DataView
  • Template & XTemplate
  • Storing Templates in Markup
  • Member formatting functions
  • Using Templates with a DataView
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
Internationalization
  • Enabling Locale Support
  • Supported Locales
  • Globalizing your Components
Drag & Drop
  • Implement Custom Drag and Drop
Hands-on Experience w/ Common Components
  • Viewport
  • TabPanel
  • GridPanel
  • TreePanel
  • FormPanel
Building a Theme
  • Create custom themes
  • Create and use sprites
  • Override CSS to generate custom skins
Application Architecture
  • Design or Refactor Applications
  • Application Best Practices
Building Ext And Your Project
  • Setup, Maintain and Deploy the JavaScript & CSS
  • Generate Compressed JavaScript & CSS

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.