This is a server-side agnostice Ajax training class. Examples in the manual are in JSP, but there are equivalent examples in the class files in PHP, ColdFusion, and Classic ASP. The focus is on the client-side aspects of Ajax (i.e, JavaScript), so, while it's helpful to understand the server-side, it's not required or assumed.

Students learn to make calls to the server with JavaScript and to manipulate XML content returned from the server. Ajax opens the door to creating sophisticated web-based applications with much more of the logic (and therefore code) is handled on the client. While Ajax allows for more dynamic and responsive applications, it changes the traditional role of JavaScript dramatically and forces developers to rethink how they write and manage JavaScript code. After taking this Ajax training course, students will be able to create sophisticated Ajax-based applications in an efficient and modular way.

Class Goals

Learn how Ajax works.
Learn to write cross-browser Ajax code.
Learn to use Ajax to make a call to the server without a page refresh.
Learn to modify content blocks on a page without refreshing the whole page.
Learn to use server-side form validation with Ajax.
Learn to move elements around the page with Dynamic HTML.
Learn to show and hide elements.
Learn to manipulate XML documents with JavaScript using the DOM.
Learn to manipulate XML documents with JavaScript using XSLT.
Learn to program in JavaScript using Object-Oriented techniques.
Learn to work with various JavaScript/Ajax libraries, such as Prototype, Scriptaculous, and Sarissa.

Class Outline

Ajax Basics
1. The Purpose of Ajax
  1. Traditional Web Application
  2. An Ajax Web Application
2. The XMLHttpRequest Object
  1. Creating an XMLHttpRequest Object
  2. Using an XMLHttpRequest Object
  3. Handling the Response
3. Conclusion
Ajax Frameworks
1. The Purpose of Frameworks
  1. Choosing a Framework
2. Dojo
  1. Downloading Dojo
  2. Using Dojo for Ajax
3. Prototype
  1. Downloading Prototype
  2. Using Prototype for Ajax
4. Other Popular Frameworks
  1. Direct Web Remoting (DWR)
  2. AjaxAnywhere
  3. Simple Ajax (SAJAX)
  4. Sarissa
  5. Other Frameworks
5. Conclusion
The HTML Document Object Model
1. Accessing Nodes
  1. Accessing Element Nodes
  2. Accessing Attribute Nodes
  3. getAttribute
  4. attributes[]
  5. Accessing Nodes by Type, Name or Value
  6. Accessing Nodes by Class Name
2. Removing Nodes from the DOM
  1. DOM Differences: The Whitespace Problem
3. Creating New Nodes
4. Conclusion
XML and Ajax
1. Creating a DOM Document with JavaScript
2. Accessing, Creating and Modifying XML Nodes
  1. Creating an AddChild() Function
3. Receiving XML Responses
4. Conclusion
Ajax Applications
1. Login Form
2. Quick Lookup Form
3. Preloaded Data
  1. Ajax Slideshow
  2. Navigable Tables
4. Conclusion
OO JavaScript and Refactoring Ajax
1. Illustrating the Problem
2. Object-Oriented JavaScript
  1. JavaScript Classes
  2. Prototypes
  3. Extending Built-in Objects
3. Refactoring the Ajax Request Code
4. Conclusion
JavaScript Object Notation (JSON)
1. Object Literals
  1. Arrays
  2. Objects
  3. Arrays in Objects
  4. Objects in Arrays
2. JSON
  1. JSON Syntax
  2. JSON Parsers
    1. org.json.simple
  3. JSON Advantages and Disadvantages
3. Conclusion
XSLT Transformations with JavaScript
1. XSLT
  1. Basic XSLT
2. XSLT in the Browser
  1. XSLT in Internet Explorer
  2. XSLT in Mozilla
3. Sarissa
  1. Advantages and Disadvantages of XSLT in Ajax Applications
4. Conclusion
Drag and Drop
1. Drag and Drop Basics
2. script.aculo.us
  1. Draggables
  2. Droppables
  3. A More Interesting Example
3. Conclusion
More Ajax Applications
1. Inline Editing
2. Detailed Information on Demand
3. Autologout
4. Autocompletion
5. Conclusion

Class Materials

All students receive a course manual or book and all the class examples.

Students in private onsite classes will also receive:

Technical Reference Library

Class Prerequisites

Experience in the following areas is required:

HTML
JavaScript
CSS

Experience in the following areas would be beneficial:

XSLT
JSP

Technical Requirements

Our computer technical requirements and setup process is easy, with support just a click away.

Course technical requirements and setup instructions.

Similar Classes

Quick Links

Courseware

Purchase Courseware

Client Success

Join The Team

Learn how you can become a Webucator Trainer
Career Opportunities

Locations

Where We've Trained
Some of the Cities in which Webucator has Trained:
1. Phoenix, AZ
2. Pittsburgh, PA
3. Portland, OR
4. Providence, RI
5. Raleigh, NC
6. Sacramento, CA
7. St. Louis, MO
8. San Diego, CA
9. San Francisco, CA
10. San Jose, CA
11. Santa Clara, CA
12. Seattle, WA
13. Sunnyvale, CA
14. Tallahassee, FL
15. Tempe, AZ
16. Toronto, ON
17. Tucson, AZ
18. Tulsa, OK
19. Virginia Beach, VA
20. Washington, DC
1. Fort Worth, TX
2. Hampton, VA
3. Hollywood, FL
4. Houston, TX
5. Huntsville, AL
6. Indianapolis, IN
7. Jacksonville, FL
8. Las Vegas, NV
9. Lexington, KY
10. Los Angeles, CA
11. Louisville, KY
12. Madison, WI
13. Memphis, TN
14. Milwaukee, WI
15. Nashville, TN
16. New York, NY
17. Oklahoma City, OK
18. Omaha, NE
19. Ottawa, ON
20. Philadelphia, PA
1. Amarillo, TX
2. Atlanta, GA
3. Aurora, IL
4. Austin, TX
5. Baltimore, MD
6. Beaumont, TX
7. Boston, MA
8. Buffalo, NY
9. Calgary, AB
10. Cary, NC
11. Chandler, AZ
12. Chicago, IL
13. Cincinnati, OH
14. Cleveland, OH
15. Colorado Springs, CO
16. Columbus, OH
17. Dallas, TX
18. Dayton, OH
19. Denver, CO
20. Detroit, MI
We have trainers all over North America.
1. Indianapolis, IN
2. Boston, MA
3. Silver Spring, MD
4. Portland, ME
5. Detroit, MI
6. Minneapolis, MN
7. Kansas City, MO
8. St. Louis, MO
9. Jackson, MS
10. Charlotte, NC
11. Nashua, NH
12. Atlantic City, NJ
13. Newark, NJ
14. Jersey City, NJ,
15. Reno, NV
16. Philadelphia, PA
17. Calgary, Canada
18. Toronto, Canada
1. Phoenix, AZ
2. Los Angeles, CA
3. Oakland, CA
4. San Diego, CA
5. San Francisco, CA
6. San Jose, CA
7. Santa Clara, CA
8. Sacramento, CA
9. Boulder, CO
10. Denver, CO
11. Hartford, CT
12. Fort Lauderdale, FL
13. Fort Myers, FL
14. Orlando, FL
15. Tallahassee, FL
16. Atlanta, GA
17. Boise, ID
18. Chicago, IL