Ajax Training Course

Course Summary

Ajax - Asynchronous JavaScript and XML is a synergy of multiple technologies and communication with the server without a page refresh, enabling a rich and responsive web-based client, a 2.0 web application.

Ajax Training course covers Ajax related technologies including JavaScript, DOM, CSS, XML etc., focusing on Object Oriented JavaScript and the main Ajax object: XMLHttpRequest.

Duration

3 days.

Objectives

In Ajax Training course, you will learn:

The many Ajax related technologies
How to assemble a simple Ajax Web Application
Different methods of Communication between client and server
How auto-suggest type-ahead works
How to change a graphic display dynamically
A peak at Ajax frameworks: such as Prototype, and Scriptaculous

Audience

Ajax Training course is intended for developers who already have programming experience.

Familiarity with JavaScript and HTML highly recommended.

Outline

Ajax - Asynchronous JavaScript and XML - overview

Web Applications - Pre and Post Ajax
Ajax in the Real World
Alternatives to Ajax

XML In A Nutshell

Syntax
Rules

JavaScript In A Nutshell

Primitive Data Types and Reference Types
Variables
Loops
Function Definition and Function Call
Objects
Expressions, Operators and Escape Sequences

Document Object Model (DOM)

Window Object
HTML & XML DOM
Node
Element
Accessing Element Nodes
innerHTML
Properties of Element and Text Nodes
Node Attributes
Node Name & Node Value
Event Handling
Key Word - this
Whitespace Interpretation - Browser Differences
Removing Nodes
Creating New Nodes
Node Methods

XMLHttpRequest Object

XMLHttpRequest Instantiation
XMLHttpRequest open() Method
Asynchronous vs Synchronous Requests
Callback Function
readyState

CSS In A Nutshell

Syntax
Units
Selectors
Positioning properties
float Property
Types of Positioning
3D

XML and Ajax

Creating a DOM Document with JavaScript
load XML
Receiving XML Responses from the Server
Passing XML to the Server
Different Server Side Technologies - an overview

Frameworks and Toolkits - an overview

Some Popular FrameWorks - in brief

Object-Oriented JavaScript

Multiple Simultaneous Asynchronous Requests
Prototype
Extending BuiltIn Objects
Object-Oriented XMLHttpRequest
Refactoring the Creation and Handling of XHRHttpRequest

Model-View-Control (MVC)

Design Patterns
MVC Examples
Ajax Web Application

JavaScript Object Notation (JSON)

JavaScript Object and Array Creation Using Literals
JavaScript Objects in Arrays & Arrays in Objects
JSON Syntax
JSON Parsers
JSON Data Transfer Between Client and Server
Autosuggest example

XSLT

Overview
XSLT in the Browsers
Sarissa
Advantages and Disadvantages

XPath

Overview

Drag and Drop

Overview
Scriptaculous
Draggable Options
Droppables
Drag and Drop, Ajax and Scriptaculous