Java Script

Ajax Training Overview

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.

Ajax Training Objective

1. To teach attendees the Ajax programming and application design techniques necessary to build rich, ultra-responsive web applications.

Ajax Training Outline

1. Ajax Basics
1. The Purpose of Ajax
1. Traditional Web Application
2. An Ajax Web Application
2. The XMLHttpRequest Object
1. Creating an XMLHttpRequest Object
2. Using an XMLHttpRequest Object
3. Handling the Response
2. Ajax Frameworks
1. The Purpose of Frameworks
1. Choosing a Framework
2. Dojo
1. Downloading Dojo
2. Using Dojo for Ajax
3. Prototype
1. Downloading Prototype
2. Using Prototype for Ajax
4. Other Popular Frameworks
1. Direct Web Remoting (DWR)
2. AjaxAnywhere
3. Simple Ajax (SAJAX)
4. Sarissa
5. Other Frameworks
3. The HTML Document Object Model
1. Accessing Nodes
1. Accessing Element Nodes
2. Accessing Attribute Nodes
3. getAttribute
4. attributes[]
5. Accessing Nodes by Type, Name or Value
6. Accessing Nodes by Class Name
2. Removing Nodes from the DOM
1. DOM Differences: The Whitespace Problem
3. Creating New Nodes
4. XML and Ajax
1. Creating a DOM Document with JavaScript
2. Accessing, Creating and Modifying XML Nodes
1. Creating an AddChild() Function
3. Receiving XML Responses
4. Passing XML to the Server
5. Ajax Applications
1. Login Form
2. Quick Lookup Form
3. Preloaded Data
1. Ajax Slideshow
2. Navigable Tables
6. OO JavaScript and Refactoring Ajax
1. Illustrating the Problem
2. Object-Oriented JavaScript
1. JavaScript Classes
2. Prototypes
3. Extending Built-in Objects
3. Refactoring the Ajax Request Code
7. JavaScript Object Notation (JSON)
1. Object Literals
1. Arrays
2. Objects
3. Arrays in Objects
4. Objects in Arrays
2. JSON
1. JSON Syntax
2. JSON Parsers
3. JSON Advantages and Disadvantages
8. XSLT Transformations with JavaScript
1. XSLT
1. Basic XSLT
2. XSLT in the Browser
1. XSLT in Internet Explorer
2. XSLT in Mozilla
3. Sarissa
1. XSLT in Ajax Applications
2. Advantages and Disadvantages of XSLT in Ajax Applications
9. Drag and Drop
1. Drag and Drop Basics
2. script.aculo.us
1. Draggables
2. Droppables
3. A More Interesting Example
10. More Ajax Applications
1. Inline Editing
2. Detailed Information on Demand
3. Autologout
4. Autocompletion
11. XSLT Basics [4-day class only]
1. eXtensible Stylesheet Language
2. An XSLT Stylesheet
1. xsl:template
2. xsl:value-of
3. Whitespace and xsl:text
3. Output Types
1. Text
2. XML
3. HTML
4. XSLT Elements and Attributes
1. xsl:element
2. xsl:attribute
3. Attributes and Curly Brackets
12. XPath
1. XPath in XSLT
2. XPath Expression
3. XPath Terminology
1. Context Node
2. Current Node
3. Context Size
4. Proximity Position
4. Location Paths
5. Axis
6. Node Test
7. Predicate
8. Accessing Nodes
9. Abbreviated Syntax
10. XPath Functions
11. XPath Operators
13. Flow Control in XSLT
1. Looping in XSLT
2. Sorting with XSLT
3. Looping and Sorting
4. Conditions with XSLT
14. XSLT Templates, Parameters and Variables
1. xsl:apply-templates
2. xsl:call-template
3. Passing Parameters
4. Removing Content
5. Template Modes
6. Template Priority
1. Default Priorities
2. Assigning Priorities
7. XSLT Variables