AJAX (Asynchronous Java and XML) has emerged as a powerful platform for building web applications with extensive client-side interactivity.

Unlike older approaches, which require reloading of the entire page with every postback, AJAX uses the JavaScript DOM, the XMLHttpRequest object, XML, and CSS to download and display just the content that needs to change.

Course Content

The course will contain a substantial amount of Hands-On work. Delegates will be introduced to topics during theory sessions and these will be followed by lab exercises relating to the topic. Exercises will reflect commercial scenarios.

This course has been developed for real-world, commercial scenarios by our expert instructors. See below for detailed syllabus. If you have a technical question, please email info@emec.in

Introduction

• Understanding AJAX
• Understanding what AJAX is not

1. Developer Essentials

• Understanding the development workflow
• Selecting the right tools for the job
• Customizing Firefox for AJAX development
• Configuring Apache on Mac OS X
• Installing WAMP on Windows Vista
• HTML, CSS, and JavaScript prerequisites

2. Understanding the DOM and XML Formats

• Understanding the DOM format
• Exploring the DOM with Firefox
• Using JavaScript to manipulate the DOM
• Looking at XML and the DOM

3. Understanding XML HTTP Requests

• Understanding HTTP requests
• Understanding the XHR object
• Understanding XHR states
• Using XHR content
• Understanding XHR responses
• Understanding XHR security limitations

4. Previewing Links with AJAX

• Understanding the project overview
• Modifying a static HTML and CSS site
• Adding the JavaScript
• Reusing the code

5. Creating Dynamic Forms

• Understanding the project overview
• Modifying a static HTML and CSS form
• Adding an XML file
• Adding AJAX
• Adding JavaScript
• Testing the results
• Reusing the code

6. Creating Dynamic Maps

• Understanding the project overview
• Creating an HTML file
• Modifying the CSS
• Creating positioned divs with Dreamweaver
• Describing the XML page
• Adding AJAX
• Adding more JavaScript
• Testing the results

7. Understanding AJAX Frameworks

• Understanding the framework
• Getting and exploring the Yahoo! UI framework
• Exploring YUI framework examples
• Understanding the YUI framework documentation

8. Using the YUI Animation Widget

• Understanding the widget
• Getting an XML file from Flickr
• Creating an HTML page
• Creating the CSS file
• Creating the JavaScript
• Testing the results
• Additional Resources