Mastering AJAX for ASP.NET

This training course teaches AJAX and all of its foundational technologies. XHTML and CSS2 are covered in details. Participants will also learn the HTML Document Object Model (DOM) and how to manipulate a page dynamically in the client side using JavaScript. The ASP DOTNET AJAX API is covered in detail. Participants will also learn how to build their own AJAX based framework which will help them write complex applications quickly.

ASP.NET based web application development. Basic knowledge of JavaScript and HTML. The course is designed mainly for the ASP.NET developers. Web site designers with good knowledge of Java Scripting can also attend.

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 XMLHttp Request Object
The XMLHttpRequest Object Basics
Complete Example
The Timeline

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 Element
The Element

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

The Request Object
Creating the Request Object
The Request Object
Simple GET Example
Making a POST Request
Mozilla XmlHttp Request Extensions
IE Microsoft.XMLHTTP Extensions
Making Concurrent Requests
Memory Leak With Inner Function
A POST Utility Function

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

• 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
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 an ASP page

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

What is ASP.NET AJAX?
Why use ASP.NET AJAX?
Various parts of ASP.NET AJAX distribution:
ASP.NET AJAX Extensions
ASP.NET AJAX Control Toolkit
ASP.NET AJAX Features CTP
Downloading and installing ASP.NET AJAX.
The architecture of ASP.NET AJAX.
Basic server side services
Server Controls
Web Services
Server Control Extensibility
The client side runtime
The ScriptManager Control.
Converting a legacy ASP.NET application to take advantage of AJAX.
Partial page rendering and details of how it is implemented in ASP.NET AJAX.
Showing the update progress indicator
A simple example.
Debugging and tracing.

Why do we need client server communication in an AJAX application?
What type of code in the server can be invoked by the client?
Web Service
Static page methods
HTTP Request
Data format options
String
JSON
XML
Details on how to invoke a Web Service operation.
How to control the data format (XML, JSON etc.)
Details on how to invoke a static page method.
Details on how to make a HTTP request.
Making a GET request
Making a POST request

Why use these controls?
The accordion control.
The AlwaysVisibleControl.
The CollapsiblePanel control.
The FilteredTextBox control.
The ModalPopup control.
The RoundedCorners control.