WA1503 Mastering AJAX Training and Courseware (J2EE Edition) Course Outline

1. Course Overview

  • Prerequisites
  • Course Objectives
  • Agenda Day 1
  • Agenda Day 2
  • Agenda Day 3
  • Student Introductions
 

2. Introduction to AJAX

  • Objectives
  • 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
  • Review Questions
  • Review Answers
 

3. 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 <div> Element
  • The <span> Element
  • Review Questions
  • Review Answers
 

4. JavaScript DOM API

  • What is DOM?
  • Element Hierarchy
  • DOM Standardization
  • The document Object
  • Nodes and Elements
  • The Element Object
  • Element Event Handlers
  • The window Object
  • The Frame Object
  • The History Object
  • Review Questions
  • Review Answers
 

5. 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
  • Review Questions
  • Review Answers
 

6. Advanced DOM

  • 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
  • DOM HTML API
  • 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
  • Review Questions
  • Review Answers
 

7. 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
  • C#: Create a XML DOM Document
  • C#: Output XML in HTTP Reply
  • 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
  • Review Questions
  • Review Answers
 

8. Communication With Server - JSON

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

9. 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
  • Review Questions
  • Review Answers
 

10. The Dojo Toolkit

  • Objectives
  • Introduction
  • Simple Example Tab Widget
  • How Does DOJO Work?
  • Importing Packages
  • Widget Basics
  • Widget Layout Example
  • The Two byId() Methods
  • Widget Properties
  • Widget Events
  • Common Features of Widgets
  • Form Widgets
  • The Button Widget
  • The Checkbox Widget
  • The ComboBox Widget
  • The DateTextBox Widget
  • Layout Widgets
  • Other Common GUI Widgets
  • Creating Widgets Programmatically
  • Custom Widget Development
  • Summary
  • Review Questions
  • Review Answers
 

11. Dojo Event System

  • Objectives
  • Introduction
  • Difference from DOM Event Handling
  • 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
  • Review Questions
  • Review Answers
 

12. Debugging Dojo Applications

  • Objectives
  • Basic Logging in Dojo
  • Using Debug
  • Mozilla Debugging Tools
  • IE Debugging Tools
  • Other Tools
  • Summary
  • Review Questions
  • Review Answers