Learn Bench

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 Prerequisites

Experience in the following areas is required:

  • HTML
  • JavaScript
  • CSS


  • This is a server-side agnostic 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.
    Ajax Basics
  • The Purpose of Ajax
  • Traditional Web Application
  • An Ajax Web Application
  • The XMLHttpRequest Object
  • Creating an XMLHttpRequest Object
  • Using an XMLHttpRequest Object
  • Handling the Response
  • Ajax Frameworks
  • The Purpose of Frameworks
  • Choosing a Framework
  • The HTML Document Object Model
  • Accessing Nodes
  • Accessing Element Nodes
  • Accessing Attribute Nodes
  • getAttribute
  • attributes
  • Accessing Nodes by Type, Name or Value
  • Accessing Nodes by Class Name
  • Removing Nodes from the DOM
  • DOM Differences: The Whitespace Problem
  • Creating New Nodes
  • Conclusion
    XML and Ajax
  • Creating a DOM Document with JavaScript
  • Accessing, Creating and Modifying XML Nodes
  • Receiving XML Responses
  • Ajax Applications
  • Login Form
  • Quick Lookup Form
  • Preloaded Data
  • Ajax Slideshow
  • Navigable Tables
  • JavaScript Object Notation (JSON)
  • Object Literals
  • Arrays
  • Objects
  • Arrays in Objects
  • Objects in Arrays
  • JSON
  • JSON Syntax
  • JSON Parsers
  • More Ajax Applications
  • Inline Editing
  • Detailed Information on Demand
  • Autologout
  • Autocompletion


MAy i help u

Live Chat
We're with you 24/7

latest product