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.
This class is designed for those who have experience with HTML and CSS, and are familiar with JavaScript and XML.
Duration
2 days.
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
Audience
This class is intended for web developers who already have scripting/programming experience, and have developed for the web previously.
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.
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