Course Outline
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 sales@jbinternational.co.uk
AJAX - Introduction to AJAX Web Development Training Course Outline
Introduction to AJAX
What is AJAX?
Ajax rich clients in the real world
Ajax advantages and disadvantages
The purpose of AJAX
Traditional web application
An AJAX web application
Alternatives to Ajax
AJAX components
The technologies - key elements of Ajax
HTML
Introduction
HTML in AJAX
Using <DIV> tags to segment HTML code
HTML for a very simple login application…
HTML for a simple returned text application…
CSS
Introduction
Defining look and feel using CSS
JavaScript
The Document Object Model (DOM)
DOM1
DOM2
Accessing Nodes
The XMLHttpRequest Object
The XMLHttpRequest Object Reference
Methods
Properties
Creating an XMLHttpRequest Object
Using an XMLHttpRequest Object
Handling the response
Known problems
Reusing XMLHttpRequest Object in IE
Server side code
The role of the server
Working with the server side
Coding the server side
PHP
ASP - VBScript
ASP - JavaScript
XML
XML benefits
XML in practice
XML documents
Syntax
Case sensitive
Element names
DTD
Document Prolog
CDATA sections
Basic rules
Creating a simple XML File
DTD (document type declaration)
XML and AJAX
XML, DOM and JavaScript
Accessing, creating and modifying XML nodes
Server side creation of XML
Receiving XML responses at the client
Displaying XML data without XSLT
Populating DIV and SPAN elements
- With text
- With formatted HTML/XHTML
Positioning DIV and SPAN elements
Populating form elements
Displaying XML data with XSLT
Understanding the role of XSLT
XSLT: the basics
A simple XSLT example
Using XSLT with AJAX
Defining, calling, and applying templates
Basic XSLT flow control
The xsl:stylesheet element
The xsl:template Element and match attribute
The xsl:apply-template Element and select attribute
The xsl:value-of element
The xsl:for-each element
Putting it all together