WA1542 Mastering AJAX for ASP.NET Training and Courseware 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 <div> 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
  • 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
 

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
  • 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
 

7. Introduction to ASP.NET AJAX

  • What is ASP.NET AJAX Extension?
  • Why Use ASP.NET AJAX Extension?
  • Functionalities Available
  • Installing ASP.NET AJAX
  • Creating a Web Site
  • The ScriptManager Control
  • Basics of Partial Page Update
  • Creating an Update Region
  • Example: Identifying an Update Region
  • Update Trigger
  • Update Mode
  • Conditional Update
  • External Trigger Control
  • Programmatic Update of a Panel
  • Another Example
 

8. Advanced ASP.NET AJAX

  • Disabling a Trigger
  • Sending AJAX Requests on an Interval
  • Showing Progress Indicator
  • Advanced Progress Indicator
  • Tracing From JavaScript
  • The Sys.Debug Class Methods
  • Page Lifecycle Handling
  • Error Handling
  • Network Error Handling
 

9. AJAX Control Toolkit

  • Introduction to AJAX Control Toolkit
  • Download and Install
  • Control Behavior
  • TabContainer Control
  • CalendarExtender Control
  • ModalPopupExtender Control
  • DropShadowExtender Control
  • SliderExtender Control
 

10. Accessing Web Services

  • Web Service Based Communication
  • Basic Architecture
  • Things to Keep in Mind
  • Writing the Web Service
  • Example Web Service Class
  • Generating the JavaScript Proxy
  • The Proxy JavaScript Class
  • Writing the Client Application
  • Calling a One-Way Operation
  • Calling Request-Response Operation
  • Writing a Response Callback Function
  • Writing an Error Callback Function
  • Exchanging Complex Types
 

Appendix A. Introduction to JSON

  • Introduction
  • JavaScript Object Notation (JSON)
  • JSON Syntax
  • How Does JSON Based Communication Work?
  • How JSON Based Communication Work?
  • Use of JSON in ASP.NET AJAX
  • Summary