Dates Offered (click on the desired date to register):

This course is currently not scheduled for the near future.

Course Number:  AJAX

Course Description:  AJAX (Asynchronous Java and XML) has emerged as a powerful platform for building web applications with extensive client-side interactivity. The combination of technologies makes web applications more responsive and interactive. Specifically Ajax is a combination of Javascript, XHTML, CSS, DOM, XML, and XSLT technologies.

In this hands-on course, participants gain the practical skills required to effectively design, create and implement Ajax-enabled Web sites. This course will cover Ajax related technologies including JavaScript, DOM, CSS, XML etc., focusing on Object Oriented JavaScript and the main Ajax object: XMLHttpRequest

Objectives:  Upon successful completion of this course, participants will be able to:

- Develop Ajax-powered interactive and dynamic Web sites
- Design accessible interfaces for cross-browser compatibility
- Integrate frameworks for data exchange on multiple server environments
- Leverage toolkits to rapidly create rich user-friendly interfaces
- Optimize and strengthen code to build stable applications
- Protect vital information from interception
- Build a cross-browser XMLHttpRequest Wrapper.
- Build an AJAX Application Monitor that works in Real Time.
- Use AJAX without breaking older Browsers or causing Accessibility Issues.
- Get your AJAX application working with Screen Readers.
- Use Dynamic Animations to improve Usability.
- Build Edit-in-Place Functionality.
- Use JSON, YAML, and XML to Communicate with the Server.
- Convert existing non-AJAX PHP Applications to AJAX using iFrames
- Generate Interactive Incremental AJAX validation applications (such as in our enrollment form)
- Use the HTML DOM and XML DOM to navigate and parse existing pages, and apply interactive (or non-interactive style changes)

Benefits:  AJAX technologies enable Web sites to perform with the responsiveness and ease of use associated with desktop applications. Enhancing your organization's current Web applications with AJAX increases usability and customer satisfaction while maintaining your competetive edge.

By the end of the course, participants will have the practical skills required to effectively design, create and implement Ajax-enabled Web sites.

Target Audience:  Web Developers who want to create richer web applications using AJAX.

Prerequisites:  All attendees should be fluent in HTML and CSS, and have extensive experience with JavaScript. Prior experience with XML, XSL is not presumed.

Course Length:  4 days

CourseTopics:

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
Debugging techniques
• Monitoring communications
• Handling server errors
• Utilizing browser tools
Securing Data Exchange - Investigating security issues
• Avoiding cross-browser pitfalls
• Intercepting remote services communication
• Stopping invalid cookie usage