AJAX Training : Mastering AJAX Training

This course is provided by Wintrac. Wintrac provides one stop shopping for all your IT training needs. Wintrac’s course catalog of over two thousand courses includes courses on AJAX Training.

AJAX Training Overview

This Training course teaches AJAX and all of its foundational technologies. XHTML and CSS2 are covered in details. Students will also learn the HTML Document Object Model (DOM) and how to manipulate a page dynamically in the client side using JavaScript. The AJAX API is covered in details. Students will also learn how to build their own AJAX based framework which will help them write complex applications quickly.

How does this course differ from so many other AJAX training courses offered by the competition?

We cover XHTML and CSS2 in details. Students will be able to write rich AJAX applications.
Students learn how to develop an AJAX framework.
We teach popular third party AJAX frameworks - such as - Microsoft Atlas and Dojo.
We cover the RPC mechanism - such as - SOAP and JSON.

AJAX Training Audience

Web based application developers. The class is designed mainly for the J2EE developers.

Web site designers with good knowledge of Java Scripting can also take this class.

AJAX Training Prerequisites

J2EE based web application development. Basic knowledge of JavaScript and HTML.

AJAX Training Learning Objectives

After completing this course, the student should be able to:

Understand what is AJAX and when to use AJAX.
Plan the architecture of an application that will use AJAX.
Manipulate look and feel and content of a page dynamically and in the client side using JavaScript. Because they learn CSS2 and HTML DOM, they will be able to create impressive visual effects and rich customer experience.
Make an AJAX application interact with the server using an RPC mechanism.
Know how to build the server side code to support an AJAX client.
Use a third party AJAX framework.

AJAX Training Topics

XHTML.
CSS2.
HTML Document Object Model (DOM) and the JavaScript API.
AJAX API.
Client Server RPC mechanisms such as Web Service and JSON.
Building an Object Oriented AJAX framework.
Third party AJAX frameworks such as DOJO, Atlas and Google Web Toolkit.
Best practices and anti-patterns.

AJAX Training Course duration

Three days

AJAX Training Course outline

1. Introduction to AJAX

What is AJAX?
A Simple Example
The Old Way
The AJAX Way
Two Key Aspects of AJAX
What are the Advantages of the AJAX Approach?
AJAX Technologies
The Basic AJAX API
Creating the XMLHttpRequest Object
The XMLHttpRequest Object Basics
Complete Example
The Timeline

2. XHTML

What is XHTML?
The DTD and MIME Type
The Basic Syntax
Embedding XHTML in a XML Document
Differences With HTML 4
Embedding Scripts and Styles
The Standard Attributes
The Element
The span Element

3. JavaScript DOM API

What is DOM?
Element Hierarchy
The document Object
Nodes and Elements
The Element Object
Element Event Handlers
The window Object
The Frame Object
The History Object

4. AJAX API Details

The Request Object
Creating the Request Object
The Request Object
Simple GET Example
Making a POST Request
Mozilla XmlHttpRequest Extensions
IE Microsoft.XMLHTTP Extensions
Making Concurrent Requests
Memory Leak With Inner Function
A POST Utility Function

5. Advanced DOM

Event Handling
The Event Object
Event Bubbling
Creating and Initializing an Event
Dispatching an Event
Example
Handling Events
Registering Event Handler
Best Practice
Working With Styles
Example
The Style Object
Setting Style of an Element
Working With Style Sheets
Table DOM Objects
The HTMLTableElement Object
The HTMLTableRowElement Object
The HTMLTableCellElement Object
Example of Table DOM API
The Form Element Objects
The HTMLFormElement Object
The HTMLInputElement Object
The HTMLSelectElement Object
The HTMLOptionElement Element

6. Communication With Server - Basic

Introduction
Application Layer Protocol
Plain HTML Snippet
XML Document
XML Document – Server Side
Example: Build DOM Document in Java
Example: Write DOM Document in HTTP Reply
Example: The Servlet
XML Document - Client Side
DOM API Summary
DOM API – The Document Object
DOM API – The Element Object
Body Text of an Element
Setting Body Text
Displaying Body Text
Using XML As Request Data
Creating a New DOM Document
Serializing DOM Document as Text
Posting an XML Document
Processing the Posted XML From a Servlet

7. Communication With Server - JSON

Introduction
JavaScript Object Notation (JSON)
JSON Syntax
How JSON Based Communication Work?
JSON: Server Side
JSON: Client Side
Working With Arrays
Advanced JSONObject Methods
Advanced JSONArray Methods
Summary

8. Direct Web Remoting (DWR)

Introduction
How DWR Works
DWR: The Server Side
Configuring the Server Side
The dwr.xml File
DWR: The Client Side
Unit Testing
Accessing Servlet API Objects
Error Handling

9. The Dojo Toolkit

Objectives
Introduction
Simple Example – Tab Widget
Importing Packages
Widget Basics
Widget Layout Example
Creating Widgets Programmatically
Widget Properties
Widget Events
Showing and Hiding Widgets
Form Widgets
The Button Widget
The Checkbox Widget
The ComboBox Widget
The DatePicker Widget
Layout Widgets
Other Common GUI Widgets
Custom Widget Development
Summary

10. Dojo Event System

Introduction
JavaScript Function Call Event
Writing a JavaScript Class
Writing an Event Handler Class
Attaching the Event Handler
Before Advice Event Handler
Around Advice Event Handler
Example Around Advice Handler
Handling Widget Event
More on Handler Attachment
The Dojo Event Object
Window Load/Unload Event
Publish Subscribe System
Writing a Message Class
Writing a Publisher
Writing a Subscriber
Publishing the Message
Summary

Appendix A. Debugging Dojo Applications

Objectives
Basic Logging in Dojo
The Logging Package
The dojo.logging.Logger Class
Logging Example
Mozilla Debugging Tools
IE Debugging Tools
Other Tools
Summary

Please contact your training representative for more details on having this course delivered onsite or online

Training Outlines - the one stop shopping center for IT training.
© Training Outlines All rights reserved