AJAX Training | Chicago

Fast Facts

Duration
3 days

Class Size
Max 8 students

Times
9.00am to 4.30pm

Computer
One per student

Training Manual
Included

Price
1495.00

Building AJAX Web Applications

Upcoming Classes
Course Outline
Instructors

Course Description

AJAX is the technique of making web pages more interactive by using JavaScript to pull updated information from the server to modify a web page on the fly - without needing to refresh the browser. On this 3 day AJAX training course you will start off building basic AJAX Web Applications and in no time you will be able to build sophisticated and intuitive AJAX Web interfaces. Check out our Ajax Training deals.

Target Audience

This course is aimed primarily at web developers who are already familiar with basic client-side Web technologies like CSS and JavaScript.

Learning Objectives

Upon successful completion of this AJAX training course students will be able to:

Overview of the AJAX technologies.
Understand the XMLHttpRequest Object.
Build a cross-browser XMLHttpRequest Wrapper.
Build an AJAX Application Monitor that works in Real Time.
Use AJAX without breaking older Browsers or causing Accessibility Issues.
Get your AJAX application working with Screen Readers.
Use Dynamic Animations to improve Usability.
Build Edit-in-Place Functionality.
Create an AJAX Search Application that pulls data from Amazon, del.icio.us, and Google.
Use JSON, YAML, and XML to Communicate with the Server.
Build an AJAX drag 'n' Drop Chess Game.

Upcoming Classes

Chicago

Feb, 2012

Mar, 2012

Apr, 2012

May, 2012

Click here for directions

Los Angeles

Feb, 2012

Mar, 2012

Apr, 2012

May, 2012

Click here for directions

* Class almost full ! Class guaranteed to run † Class is full

Course Outline

AJAX: the Overview

AJAX Web Applications
What Makes AJAX Cool
AJAX Technologies

Basic XMLHttpRequest

A Simple AJAX Library
Example: a Simple AJAX Application

The A in AJAX

Planned Application Enhancements
Organizing the Code
Configuring and Initializing our Application
Setting Up the User Interface
Polling the Server
Handling Timeouts
The Response Times Bar Graph
Status Notifications
Styling the Monitor

AJAX and POST Requests

Review: Sending Data with GET
Sending Data with POST
An Application Login
AJAX and Screen Readers
The Screen Reader Code

Broader AJAX with Edit-in-place

Page Markup
The Blog Class
The init Method
Edit-in-place
Editing an Entry
Saving Changes
The Status Animation
The Fake Back-end Page
Handling the Response
Stopping the Status Animation
Adding a New Entry
Future Enhancements

Web Services and Slide-and-hide

Slide-and-hide Window
Web Services: an Overview
APIs and Protocols
Amazon Web Services Client

The Client Class
Cross-site AJAX
Sending the Request to Amazon Web Services
Handling the Results from Amazon
Formatting the Results
Performing the Slide-and-hide
AJAX Fat-client Code

More Web Services and a Back Button

The Search Application
Setting Up the Search Class
The init Method
Enabling Search
The submitSearch Method
The Proxy Script
Amazon Web Services
Printing the Response
Google Web APIs
The eBay Platform
Testing the Proxy Script
Handling the Results
Screen Reader Code
The Back Button Problem
Building your own Back Button
Using the Browser Back Button
Search App Enhancements

Drag and Drop with AJAX Chess

AJAX Chess
The Chess Class
Starting the Application
Setting Up the Board
Loading a Game
Using JSON
Displaying Game State
Global Event Handlers
Moving Pieces
The Draggable Class
The doMove Method
The handleMove Method
Polling for Server State
Wiping the Board
AJAX Chess Back End
Future Enhancements

Our outlines are a guide to the content covered on a typical class. We may change or alter the course topics to meet the objectives of a particular class.

Meet the Instructors

Chris

CLOSE BIO

"I got a lot more out of this class than I thought I would. My knowledge of AJAX is five times what it was before, and I was able to successfully translate what we did in class to Jquery, which is what I use at work."

Tim Palac - American Society of Plastic Surgeons

... view bioChris