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

Course Number: SCRPT-115
Duration: 3 days
view class outline

Looking for Ext JS 4 Training?

Ext JS Training Overview

Accelebrate's DOM Scripting, Ajax and User Interfaces Using Ext JS 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 and how to create user interface elements such as tab panels, accordions and editable grids.

Note: Accelebrate also offers Ext JS 4 Training: DOM Scripting, Ajax and User Interfaces Using Ext JS 4.

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 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 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 Training Materials

All students receive a copy of Packt Publishing's Ext JS 3.0 Cookbook as well as electronic copies of the class files.

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
Accelebrate will supply the lab files, including the latest version of the Ext JS framework

Ext JS Training Objectives

Incorporate the most recent version of Ext JS into their Web pages.
Use adapters to enable Ext JS to work with other libraries.
Perform DOM manipulations using the Ext JS DomQuery and DomHelper classes.
Initiate Ajax requests with Ext JS and how to handle responses in various formats.
Create compelling user interfaces that include tab panels, accordions, data grids and editable grids.

Ext JS Training Outline

Extending JS Classes

Number, Array and Function
Date
String

The Ext Class

Browser and OS Detection
Array Manipulation
Type Determination

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

Ajax the Ext JS Way

The Gory Details: A Complete Ajax Request with No Library Support
GET and POST Requests with Ext JS
Incorporating Form Data into Your Ajax Requests
Handling Responses in Plain Text, HTML, JSON and XML Formats

Working with Data

The Flow of Data within Ext JS
Proxies
Stores
Data Grid - Populating from Arrays, JSON and XML
Editable Data Grid
DataView and GridView

Creating User Interfaces

Interactive Form Elements
Windows and Dialogs
Working with Layouts
Tab Panel Layout
Accordion Layout
Tree Panel
User Interface Elements

Conclusion

VB.NET, C#, ASP, & ASP.NET Training

Java Training

SQL Server Training
SharePoint Training

Adobe Training

“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.