AJAX Training UK
Developing Rich Internet Client Applications with AJAX
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
Course content has been developed for real-world, commercial scenarios by our
expert instructors. See below for detailed syllabus, or if you have a technical query email
Duration
4 days
Who Should Attend
Web Developers who want to create richer web applications using AJAX.
Prerequisite Skills
A strong understanding of web design, the DOM, and HTML concepts. Some
experience in XSLT and a server-side language such as PHP, ASP, ASP.NET, ColdFusion
or JSP would be beneficial. Please call us on 0800 028 6400 if you require extra
training to bring you up to speed.
Hands On Exercises
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.
Ajax rich clients in the real world
The Purpose of Ajax
- Traditional Web Application
- An Ajax Web Application
The XMLHttpRequest Object
- Creating an XMLHttpRequest Object
- Using an XMLHttpRequest Object
- Handling the Response
Alternatives to Ajax
First steps with Ajax
The key elements of Ajax
Orchestrating the user experience with JavaScript
Defining look and feel using CSS
Organizing the view using the DOM
Loading data asynchronously using XML technologies
What sets Ajax apart
The HTML Document Object Model (DOM)
Accessing Nodes
- Accessing Element Nodes
- Accessing Attribute Nodes
- getAttribute
- Accessing Nodes by Type, Name or Value
- Accessing Nodes by Class Name
Removing Nodes from the DOM
- DOM Differences: The Whitespace Problem
Creating New Nodes
HTML and AJAX
Using <DIV> tags to segment HTML code.
Using hidden frames (including iframes) to perform data trafficking
Updating HTML documents using hidden frames
Updating HTML documents using XMLHttp
Implementing common AJAX patterns
- Performing predictive fetch operations with AJAX
- Performing incremental server-side form validation with AJAX
- Performing periodic page section refreshes with AJAX
- Performing multi-stage file downloads with AJAX
Handling error situations with AJAX
- Cancelling pending requests
- Retrying
Introducing order to AJAX
Order out of chaos
Examples of refactoring
Model-View-Controller
Web server MVC
Third-party libraries and frameworks
The page as an application
A different kind of MVC
The View in an Ajax application
The Controller in an Ajax application
Models in an Ajax application
Generating the View from the Model
The role of the server
Working with the server side
Coding the server side
The big picture: common server-side designs
The details: exchanging data
Writing to the server
The user experience
Getting it right: building a quality application
Keeping the user informed
Designing a notification system for Ajax
Implementing a notification framework
Using the framework with network requests
Indicating freshness of data
XML and Ajax
- Creating a DOM Document with JavaScript
- Accessing, Creating and Modifying XML Nodes
- Receiving XML Responses
- Passing XML to the Server
- Conclusion
JavaScript and Refactoring Ajax
- Illustrating the Problem
- Object-Oriented JavaScript
JavaScript Classes
Prototypes
Extending Built-in Objects
Refactoring the Ajax Request Code
JavaScript Object Notation (JSON)
- Object Literals
Arrays
Objects
Arrays in Objects
Objects in Arrays
- JSON
JSON Syntax
JSON Parsers
JSON Advantages and Disadvantages
XSLT Transformations with JavaScript
- Basic XSLT
- XSLT in different browsers
- XSLT in Ajax Applications
- Advantages and Disadvantages of XSLT in Ajax Applications
Ajax Examples
- Form Validation
Login Form
Registration Form
- Authentication and Session Management
- Navigating Through Records
Avoiding Conflicting HTTP Requests
Building the Table
Navigating with the Arrow Buttons
Navigating with the Dropdown Menu
Navigating with the Arrow Keys
- "Bookmarking" Pages
Security and Ajax
JavaScript and browser security
Communicating with remote services
Protecting confidential data
Policing access to Ajax data streams
XML Basics
XML Benefits
XML in Practice
XML Documents
Creating a Simple XML File
Performance
JavaScript execution speed
JavaScript memory footprint
Designing for performance
Developing Rich Internet Client Applications with AJAX
JB International, London, UK
