Ext JS 4 Training: DOM Scripting, Ajax and User Interfaces Using Ext JS 4

Course Number: SCRPT-116
Duration: 4 days
view class outline

Looking for Ext JS 3.x Training?

Ext JS 4 Training Overview

Accelebrate's DOM Scripting, Ajax and User Interfaces Using Ext JS 4 training course teaches attendees to use the Ext JS™ library to simplify many client-side scripting and user interface development challenges. Attendees will learn how to perform Document Object Model (DOM) manipulations that dynamically change the content and appearance of their Web pages, how to make Ajax requests to retrieve and incorporate new content from a server, create user interface elements, create interactive forms, and work with some of the advanced Ext JS 4 features such as drag and drop.

Location and Pricing

Most Accelebrate courses are taught on-site at our clients' locations worldwide for groups of 3 or more attendees and are customized to their specific needs. Please visit our client list to see organizations for whom we have recently delivered training. These courses can also be delivered as live, private online classes for groups that are geographically dispersed or wish to save on the instructor's or students' travel expenses. To receive a customized proposal and price quote private training at your site or online, please contact us.

In addition, some courses are available as live, online classes for individuals. To see a schedule of online courses, please visit http://www.accelebrate.com/online_training/?action=categorygroup&page=webdesign.

Ext JS 4 Training Prerequisites

Accelebrate's Mastering JavaScript course or equivalent experience. If attendees will not have thorough knowledge of JavaScript, please let us know and we will precede this course with a one-day JavaScript primer.

Hands-on/Lecture Ratio

This Ext JS 4 training class is 70% hands-on, 30% lecture, with the longest lecture segments lasting for 10 minutes. Students "learn by doing," with immediate opportunities to apply the material they learn to real-world problems.

Ext JS 4 Training Materials

All attendees receive comprehensive courseware.

Software Needed on Each Student PC

Internet Explorer 7 or higher
Firefox 3 or higher with the Firebug plugin installed
The Web page or text editor students will be using after the class
XAMPP or Apache Tomcat
Related lab files

Ext JS 4 Training Objectives

All students will learn to:

Incorporate Ext JS 4 into their Web pages
Use adapters to enable Ext JS to work with other libraries
Perform DOM manipulations using the Ext JS DomQuery class
Initiate Ajax requests with Ext JS and how to handle responses in various formats
Create compelling user interfaces
Build interactive forms
Use the Layout Managers

Ext JS 4 Training Outline

Introducing the Ext JS Platform

Obtaining Ext JS
Ext JS Overview: Ext Core and Ext JS

Extending, Enhancing and Supplementing Core JS Classes:

Ext.Function
Ext.Date and Ext.util.Date
Ext.Number, Ext.String and Ext.util.Format
Ext.Array and Array Manipulation

The Ext Class

Array Manipulation with the Ext class
Browser and OS Detection
Type Determination
Other Ext utilities: Accessors, Object Manipulation and more

DOM Manipulation with Ext JS

Don't Jump the Gun: The Ext.onReady() Event Handler
Review of Cascading Style Sheet (CSS) Selectors
Using Element, Class and ID Selectors
Using Custom Ext JS Selectors
Modifying the Content and Styles of Selected Elements
Selecting elements with DomQuery
Adding and Removing Elements Using Ext JS

ExtJS Application Design

Unobtrusive JavaScript
Separating markup, CSS, and JavaScript
ExtJS Application Architecture Best Practices

Ajax the ExtJS Way

Ajax Architecture
A Basic Ajax Request
GET and POST Requests with ExtJS
Incorporating Form Data into Your Ajax Requests
Handling Responses in Plain Text, HTML, JSON (de-emphasized) and XML Formats (emphasized, with efforts to troubleshoot Quantum's XML challenges)

Working with Data

The Flow of Data within ExtJS
Proxies
Stores
Data Grid - Populating from Arrays, JSON and XML
DataView and GridView
ListView

Basic User Interface Elements

Overview of Ext JS Components
Component Model Object Hierarchy
Xtypes and Lazy Instantiation
Viewports, Panels and Windows
Buttons and Button Groups
QuickTips
MessageBox

Interactive Form Elements

Text Fields
Radio Buttons and Checkboxes
Combo Boxes
Textfields
Revisiting Ajax: Ajax and Ext JS Form Elements

Layout Managers

Layout Managers in general
Specific Layout Managers:

Border
Tab
Column

Conclusion

VB.NET, C#, ASP, & ASP.NET Training Java Training SQL Server Training
SharePoint Training Adobe Training PHP Training XML Training Perl Training Sitemap
“Accelebrate,” “Accelerated Learning Celebrated Results,” and the Accelebrate logo are registered trademarks of Accelebrate, Inc. All other product names and trademarks are property of their respective owners. Course outline content may mirror or be derived from the book that each student receives with the course. Otherwise, all content is copyright © 2003- by Accelebrate, Inc. of Atlanta, Georgia, USA. To contact us, please use the contact form, email info@accelebrate.com us, or call 1 877 849 1850 in the US and Canada, 0808 234 2132 in the UK, 1 800 550 311 in Ireland, or +1 678 648 3113 from all other locations.

Recent client sites: Birmingham, AL | Phoenix, AZ | Los Angeles, CA | Sacramento, CA | San Diego, CA | San Francisco, CA | San Jose, CA | Denver, CO | Washington, DC | Jacksonville, FL | Miami, FL | Orlando, FL | Tampa, FL | Atlanta, GA | Chicago, IL | Indianapolis, IN | Boston, MA | Baltimore, MD | Detroit, MI | Minneapolis, MN | Kansas City, MO | Saint Louis, MO | Charlotte, NC | Raleigh, NC | Albuquerque, NM | Las Vegas, NV | Albany, NY | New York City, NY | Cincinnati, OH | Cleveland, OH | Columbus, OH | Dayton, OH | Oklahoma City, OK | Toronto, ON | Portland, OR | Philadelphia, PA | Pittsburgh, PA | Memphis, TN | Nashville, TN | Austin, TX | Dallas, TX | Houston, TX | San Antonio, TX | Salt Lake City, UT | Seattle, WA | Dublin, Ireland | London, UK