Course Summary

Jump right into Ajax, and learn how to develop truly dynamic applications and websites with QuickStart Ajax.

During the class we will go through the full life-cycle of a project, giving you experience with all facets of a typical Ajax application.

Ajax QuickStart class is delivered on line so you can learn from the comfort of your office or home.

This class is designed for those who have experience with HTML and CSS, and are familiar with JavaScript and XML.

Jump To: Duration ObjectivesAudienceOutline

Header Icon Duration

2 days.

Header Icon Objectives

In this Ajax course, you will learn:

  • 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

Header Icon Audience

This class is intended for web developers who already have scripting/programming experience, and have developed for the web previously.

This course assumes that you know HTML, CSS, and are somewhat familiar with JavaScript and XML concepts.

If you aren't familiar with the these concepts, or you feel that you need a refresher, then you should consider our 3-day Ajax class which has most of the similar topics, but spends more time on HTML, JavaScript, CSS and XML.

Header Icon Outline

Overview

  • Web Applications - Pre and Post Ajax
  • Ajax in the Real World
  • Overview of Ajax related technologies
    • HTML
    • CSS
    • JavaScript
    • XML

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

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