Class overview :

Class goals :

Learn how Ajax and the XMLHttpRequest object work.
Learn to write cross-browser Ajax code.
Learn to use Ajax to make a call to the server without a page refresh.
Learn to modify content blocks on a page without refreshing the whole page.
Learn to use server-side form validation with Ajax.
Learn to pull down content from the server to dynamically display more content.
Learn to manipulate XML documents with JavaScript using the DOM.
Learn to manipulate XML documents with JavaScript using XSLT.
Learn to work with various JavaScript/Ajax libraries, such as Prototype, Dojo, and Scriptaculous.

Content of Training Ajax

Class Outline

1. Ajax Basics
   1. The Purpose of Ajax
      1. Traditional Web Application
      2. An Ajax Web Application
   2. The XMLHttpRequest Object
      1. Using an XMLHttpRequest Object
      2. Handling the Response
   3. The Callback Function
2. Passing Data
   1. XML
      1. Creating an addChild() Function
   2. Dynamic Tables
   3. JSON
   4. Review of Object Literals
      1. Arrays
      2. Objects
      3. Arrays in Objects
      4. Objects in Arrays
   5. Back to JSON
      1. JSON Syntax
      2. JSON Parsers
   6. JSON Advantages and Disadvantages
3. Ajax Applications
   1. Login Form
   2. Quick Lookup Form
   3. Preloaded Data
      1. Ajax Slideshow
      2. Navigable Tables
4. XSLT Transformations with JavaScript
   1. XSLT
      1. Basic XSLT
   2. XSLT in the Browser
      1. The Mozilla Method
      2. The IE Method
   3. Advantages and Disadvantages of XSLT in Ajax Applications
5. Ajax/JavaScript 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. Other Frameworks
6. More Ajax Applications
   1. Inline Editing
      1. The contenteditable Attribute
   2. Detailed Information on Demand
   3. Autologout
   4. Autocompletion