8:00am-830am

Computer/Student Compatibility Check

Meet and Greet

8:30am-8:50am

Overview of AJAX Technologies

HTML vs. DHTML

Network Concerns

Asynchronous Conversations with Web servers

The characteristics of high-quality AJAX applications

The Web page is the application

What the server provides

User interaction

8:50am-9:30am

Understanding AJAX through the basics of AJAX:

Asynchronous server communication

Dynamic HTML,

Javascript Design patterns

User interface strategies for building elegant, highly addictive Web sites and applications

The Essential AJAX Pieces

Javascript

Cascading Style Sheet (CSS)

Document Object Model (DOM)

XMLHttpRequestObject

The AJAX Application with Javascript

Using CSS

Structuring the View Using the DOM

Applying Styles with Javascript

Communicating with the Web Server in the Background

Designing AJAX Applications

Design Patterns

Introduction to AJAX Frameworks-

Dojo, script.aculo.us, Prototype

Over of framework capabilities

Examples of frameworks in use

Best Practices

9:30am-10:30am

Hand-On Development
The Fundamentals: Building the Framing for an Ajax Application

Review the courseware code with the Instructor

Begin building a working AJAX application and start applying
technique and technologies as introduced in class

Create the basic AJAX application by creating HTML, Javascript, and CSS files

Learn Best Practices and Validation

Learn and add script.aculo.us effects

Learn and add the Dojo Framework

10:30am-10:45am

Break

10:45am-11:30am

Adding Basic Ajax Capabilities to a Web Page Going Deep Into the AJAX User Experience

Elements on the Rich Internet Experience

Interactivity

Robustness

Simplicity

Recognizable Metaphors

Preservation of the Browser Model Bookmarks/Back Button

Background operations

Building a AJAX Notification Framework

Provenance and Relevance

Rich Experience Support with Third-Party AJAX Client Framework

Using AJAX layouts, containers, and widgets

Patterns for Animation and Highlighting

User Productivity Techniques

Tracking Outstanding Network Requests

11:30am-12:30am

Hands-On Development
Expand the Application with more Advanced Ajax

Review the courseware code with the Instructor

Expand the Mural Application

Add Features using Dojo

Add specific Dojo Libraries to support Ajax widgets

Work on server side communications in the background

Create a tabbed layout

Create a submission form to upload to the server,
all without reloading the page

Create an Ajax submission form that will take uploads
on one tab.

Created a form validation that ensures
only the right information is submitted.

More Stretch work for those who want to learn additional concepts

12:30pm-1:30PM

Lunch

Note: Students have option to work through lunch with support from instructor

1:30pm-2:00pm

Continue with Hands-On Development Expand the Application with more Advanced Ajax

2:00pm-2:45pm

Advanced AJAX Concepts

Review Ajax Concepts

SOA and Mashups

Current state of Ajax Frameworks

Web 2.0 and the Global SOA

Ajax Constraints

Design Patterns

Javascript Timers

Ajax Programming Patterns

Performance and Throttling

2:45am-3:00pm

Break

3:00pm-5:00pm

Hands-On Development
Working with Advanced Ajax Capabilities

Review the courseware code with the Instructor

Work with the Accordion control

Learn how to use the Tree control

Explore Dojo's animation capabilities

Explore how the debug output can be used in <div> elements

Tour Dojo and RICO demos

Experiment with new Dojo features from the Dojo demos
source code and attempt to add them to various parts of the Mural application

5:00pm-5:30pm

Wrap-Up and Review of Bootcamp Material

Overview of Future of AJAX and Rich Internet Applications

Final Questions

End of Class