Ajax Courseware

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

This courseware covers Ajax related technologies including JavaScript, DOM, CSS, XML etc., focusing on Object Oriented JavaScript and the main Ajax object: XMLHttpRequest. The bulk of the courseware are code examples.

3 days, 266 pages

It is intended for developers who are already have programming experience.

Familiarity with JavaScript and HTML recommended.

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

Apendix

Download / Install Software -Wamp
Regular Expressions
Some characteristics of regular expressions
Metacharacters
Non-assertions and Quantifiers
Assertions and Quantifiers

XML Basics

XML Benefits
XML Parsers
Content Management
Web Services
A Document Type Declaration
Elements
Attributes
CDATA
Special Characters

Ajax

Description

Length

Audience

Prerequisites

Outline