Course Synopsis: Ajax (Asynchronous JavaScript and XML) has emerged as a powerful platform for building web applications with extensive client-side interactivity. Unlike older approaches, which require reloading of the entire page with every postback, Ajax uses the JavaScript DOM, the XMLHttpRequest object, XML, and CSS to download and display just the content that needs to change.

Who Should Attend: Web developers or designers seeking fundamental skills for Ajax programming and application design techniques necessary to build rich, ultra-responsive web applications.

Prerequisites: All attendees should be fluent in HTML and CSS, and have extensive experience with JavaScript. Prior experience with XSL is not presumed. While we will make every reasonable effort to help, students with insufficient skills may be required to observe the class lessons or do their best to keep up without slowing down the rest of the class.

What You Will Learn:
• Overview of Ajax
• Ajax Frameworks
• XML and Ajax
• OO JavaScript and Refactoring Ajax
• JavaScript Object Notation (JSON)
• XSLT Transformations
• Drag and Drop Basics
• XSLT Templates, Parameters and Variables

Time: Class time is 9:00 a.m.- 4:00 p.m. Breaks are scheduled throughout the day and lunch is typically scheduled 12-1. Students provide their own lunch.

Locations: We have company-operated facilities in Atlanta, Chicago, Denver, San Diego and Washington DC. We also work with a network of rental facilities to offer our classes regularly across the United States and in Canada. Please double-check the location of your class with our office to make sure you get to the right location.

Related Courses: We recommend the following courses that relate to this
class: Foundations of HTML and JavaScript Programming Advanced . Please take a look at our other course outlines.

Goals: Sterling Ledet and Associates realizes the importance of education and we take pride in being able to offer you classes that are more custom fit to your needs. Call us at (770) 414-5007 if you have any special questions or e-mail us at sales@ledet.com.

Registration: Please fill out our registration form and fax it to us at (312) 896-9094.

Ajax Training: Introduction to Ajax Development Outline

LESSON 1
Ajax Basics
The Purpose of Ajax
Traditional Web Application
An Ajax Web Application
The XMLHttpRequest Object
Creating an XMLHttpRequest
Object
Using an XMLHttpRequest Object
Handling the Response

LESSON 2
Ajax Frameworks
The Purpose of Frameworks
Choosing a Framework
Dojo
Downloading Dojo
Using Dojo for Ajax
Prototype
Downloading Prototype
Using Prototype for Ajax
Other Popular Frameworks
Direct Web Remoting (DWR)
AjaxAnywhere
Simple Ajax (SAJAX)
Sarissa
Other Frameworks

LESSON 3
The HTML Document Object Model
Accessing Nodes
Accessing Element Nodes
Accessing Attribute Nodes
getAttribute
attributes[]
Accessing Nodes by Type, Name or
Value
Accessing Nodes by Class Name
Removing Nodes from the DOM
DOM Differences: The Whitespace
Problem
Creating New Nodes

LESSON 4
XML and Ajax
Creating a DOM Document with
JavaScript
Accessing, Creating and Modifying
XML Nodes
Creating an AddChild() Function
Receiving XML Responses
Passing XML to the Server

LESSON 5
Ajax Applications
Login Form
Quick Lookup Form
Preloaded Data
Ajax Slideshow
Navigable Tables

LESSON 6
OO JavaScript and Refactoring Ajax
Illustrating the Problem
Object-Oriented JavaScript
JavaScript Classes
Prototypes
Extending Built-in Objects
Refactoring the Ajax Request Code

LESSON 7
JavaScript Object Notation (JSON)
Object Literals
Arrays
Objects
Arrays in Objects
Objects in Arrays
JSON
JSON Syntax
JSON Parsers
JSON Advantages and Disadvantages

LESSON 8
XSLT Transformations with
JavaScript
XSLT
Basic XSLT
XSLT in the Browser
XSLT in Internet Explorer
XSLT in Mozilla
Sarissa
XSLT in Ajax Applications
Advantages and Disadvantages of
XSLT in Ajax Applications

LESSON 9
Drag and Drop
Drag and Drop Basics
script.aculo.us
Draggables
Droppables
A More Interesting Example

LESSON 10
More Ajax Applications
Inline Editing
Detailed Information on Demand
Autologout
Autocompletion

LESSON 11
XSLT Basics
eXtensible Stylesheet Language
An XSLT Stylesheet
xsl:template
xsl:value-of
Whitespace and xsl:text
Output Types
XSLT Elements and Attributes
xsl:element
xsl:attribute
Attributes and Curly Brackets

LESSON 12
XPath
XPath in XSLT
XPath Expression
XPath Terminology
Context Node
Current Node
Context Size
Proximity Position
Location Paths
Node Test
Predicate
Accessing Nodes
Abbreviated Syntax
XPath Functions

LESSON 13
Flow Control in XSLT
Looping in XSLT
Sorting with XSLT
Looping and Sorting
Conditions with XSLT

LESSON 14
XSLT Templates, Parameters and
Variables
xsl:apply-templates
xsl:call-template
Passing Parameters
Removing Content
Template Modes
Template Priority
Default Priorities
Assigning Priorities
XSLT Variables