Ext JS has come a long way from its early days in 2006.  Our main instructor, Jay Garcia, has experienced changes since the very beginning and we're pleased to announce our very first open training in the washington DC area.

Our three day Ext JS 4.0 bootcamp is designed to give you essential knowledge on using this new framework focusing on real-world experience in the field.  With this course, you'll learn to master critical Ext JS 4.0 essentials, such as the new class system, and you'll get to exercise the newly updated grid and tree Panels.

Day 1 : Ext JS 4.0 fundamentals

This day revolves around the fundamental Ext JS features, such as how to properly bootstrap your code, and management of DOM elements and their events. Included in this day are a deep dive into the various JavaScript utilities, as well as a look into how the various template mechanisms work.

Topics include

Introduction to Ext JS 4.0

• Walkthrough of Ext JS
• Class architecture
• Bootstrapping your code

DOM Management

• Manipulate elements
• Querying the DOM
• Essential Ext JS utilities
• Loading HTML fragments with Updater

Event Management

• Events in the DOM
• Events in Ext JS Components

HTML fragments

• Templates
• XTemplates

Ext JS Component foundations

• The Component model
• Introduction to Containers
• Implementing Layout managers

Day 2 : Ext JS 4.0 Components

Day 2 focuses on Ext JS components, beginning with an overview of Components, which provides a foundation for learning and implementing the rest of the framework. Important subject matter includes Containers, Layouts, Data Stores, and their supporting classes.

Topics include

Generic Containers

• Panels
• Windows
• Tab Panels
• Tips

Toolbars and buttons

• Toolbars
• Buttons
• Actions

Form Panels

• Various input fields
• Field validations (VTypes)
• Data manipulation

Data Stores

• Models
• Proxies
• Readers
• Stores
• Associations
• Operations
• Validations
• Writer
• Errors

Day 3 : Ext JS 4.0 Data Components

This day focuses on various views to render data on screen implementing what the students learned in day 2. Students will learn to enhance application experience with the rich Ext JS data views, including DataView, TableView, grid Panels and extending the framework the right way .

Topics include

DataViews

• Implementation of the DataView
• Using TableViews

Grid Panels

• Columns
• Grid Features and Plugins
  • Chunking
  • Grouping
  • Grouping Summary
  • RowBody
  • Summary
  • Cell Editing, Editing and Row Editing
  • Drag and Drop
  • Row Editing
  • Header (Column) Resizer
• Property Grid Panel

Tree Panels

• Columns
• Deep dive into how TreeStores work

Drag and drop

• Anatomy of the DnD inheritance model
  • Data Views
  • Grid Panel
  • Tree Panel
Implementing Drag and drop

Ext JS Class architecture

• Extending classes and Components
• Plugins
• Mixins

Namespace Management

• Best practices for code organization

MVC

• Anatomy of the Ext JS 4.0 MVC architecture
• Walkthrough of a simple application

Q&A Session