Sencha Inc. | HTML5 Apps

Fast Track to Ext JS 4.2 Training + Sencha Architect
This premiere course in Japanese is ¥438,000

ExtJS251—Fast Track to Ext JS 4 Training + Sencha Architect 3
July 28th–August 1st, 2014

Course Description

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!

This course will be taught in Japanese by our Sencha Certified Training Partners in Japan, Xenophy. This premiere course is ¥438,000 (VAT excluded).

Click here for Course Registration

Date: July 28th–August 1st, 2014
Sapporo, Japan
Covered: Sencha Ext JS
Sencha Architect
  • 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:

Sign up for this event:

Use this form to register your interest in the attending this event.

Fields marked with * are required.