Training
>
Courseware >
Ajax
Summary
Ajax is a synergy of multiple technologies and communication with the server without a page refresh, enabling a rich and responsive web-based client.
This courseware covers Ajax related technologies including JavaScript, DOM, CSS, XML etc., focusing on Object Oriented JavaScript and the main Ajax object: XMLHttpRequest. The bulk of the courseware are code examples.
Description
Length
3 days, 266 pages
Audience
It is intended for developers who already have programming experience.
Prerequisites
Familiarity with JavaScript and HTML recommended.
Outline
Ajax - Asynchronous JavaScript and XML - overview
- Web Applications - Pre and Post Ajax
- Ajax in the Real World
- Alternatives to Ajax
XML In A Nutshell
- Syntax
- Rules
JavaScript In A Nutshell
- Primitive Data Types and Reference Types
- Variables
- Loops
- Function Definition and Function Call
- Objects
- Expressions, Operators and Escape Sequences
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
CSS In A Nutshell
- Syntax
- Units
- Selectors
- Positioning properties
- float Property
- Types of Positioning
- 3D
XML and Ajax
- Creating a DOM Document with JavaScript
- load XML
- Receiving XML Responses from the Server
- Passing XML to the Server 90
- 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
Apendix
- Download / Install Software -Wamp
- Regular Expressions
- Some characteristics of regular expressions
- Metacharacters
- Non-assertions and Quantifiers
- Assertions and Quantifiers
XML Basics
- XML Benefits
- XML Parsers
- Content Management
- Web Services
- A Document Type Declaration
- Elements
- Attributes
- CDATA
- Special Characters