Ajax (Asynchronous JavaScript and XML) is a web development technique used for making websites more interactive by retrieving small amounts of data from web server and then showing it on your application without refreshing your page. Ajax uses JavaScript, XMLHttpRequest object, XML and CSS to retrieve and display the needed content only without reloading the entire page. 

This training aims to teach you Ajax programming to build highly responsive web applications through a series of theoretical concepts and practical examples. You will learn the power of the XMLHttpRequest object, JavaScript and XML to send the request to and receive the data from the server. 

Course Details:

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