AJAX - Building Web Applications with AJAX

Course:   AJAX
Duration:   4 Days
Level:   II
On our website at:   http://www.verhoef-training.com/courses/AJAX.html
 
Course Summary

AJAX (Asynchronous Javascript and XML) is the popular term for a broad collection of technologies and techniques that enable web-based applications to have the usability and responsiveness previously achievable only by installed "fat" applications.

AJAX is a key element in the web 2.0 revolution, and now seems poised to revolutionize software development in general with the promise of ending the hassles of deployment, installation, and release management for specialized applications.

The course discusses the collection of technologies that support web 2.0 development, and describes the techniques to improve performance and usability of web-based applications.

Topics Covered In This Course

INTRODUCTION TO AJAX

  • How AJAX is different from classical web pages
  • Its impact on the user experience
  • What kinds of applications can benefit
  • Who is using it now, and why
  • Why AJAX totally changes Web application development
  • How AJAX can be integrated with conventional web applications

BASIC AJAX TECHNOLOGIES

  • Using HTML/XHTML for document structure
  • Using CSS to define look and feel
  • Understanding Javascript
  • Understand the DOM
  • Use Javascript to create, remove, move and stylize content

USING AJAX EFFECTIVELY

  • Impacts on User Experience
  • Impacts on the Development Process

FURTHER AJAX TECHNOLOGIES

  • Managing AJAX communication
  • Managing Data with XML and JSON
  • Object-oriented Javascript
  • Components

SPECIFIC AJAX TECHNIQUES

  • Building an application using a single page
  • Auto-completion
  • Validation
  • Dynamic Lists
  • Dynamic Generation of Linked Lists

DESIGN PATTERNS FOR AJAX

  • What is a Design Pattern
  • Refactoring
  • The Overall UI Pattern
  • Using the MVC Pattern
  • Implementing Patterns

JAVASCRIPT LIBRARIES FOR AJAX

  • Why Javascript Libraries
  • Prototype Library
  • Scriptaculous Library
  • RICO Library
  • Dojo Library

AJAX TOOLS

  • Overview of AJAX Tools
  • Google Web Toolkit
  • Ruby on Rails
  • Adobe Flex
What You Can Expect

At the end of this course, delegates will be able to:

• Fully understand what AJAX is, how it works, and what differentiates an AJAX application from a conventional web application

• Be able to improve usability of existing web pages by combining AJAX and page elements with static elements

• Be able to send and receive data from the application server without interrupting the user's workflow by refreshing the page

• Use such data in either XML or JSON format to add to, remove from, or update the page's contents

• Understand how asynchronous updates may improve (or detract from) the user's experience and perception of the application

• Have solid experience of using development tools including Javascript debuggers, DOM inspectors, and profilers to observer, debug and improve performance of AJAX applications.

• Implement and bring home a set of frequently-used AJAX interaction techniques to use as starting points in adding AJAX to actual applications

• Be able to use popular libraries including Prototype, Dojo, and Scriptaculous to simplify AJAX implementation and ensure cross-browser compatibility

• Understand and apply the Model-View-Controller pattern in designing, implementing and refactoring user interfaces

• Understand the value and features of emerging AJAX frameworks and support for server tools supporting AJAX techniques including GWT and RubyOnRails

Who Should Take This Course

This course is intended for web developers and desktop application developers with knowledge of web technologies, who wish to develop the skills needed to apply AJAX to existing web applications, or to architect and implement new applications that can benefit from the AJAX approach.

Recommended Prerequisites

Students must be technical staff with solid experience of using XHTML, CSS, and Javascript in conventional web pages including web-based forms, as well as familiarity with XML.

A basic understanding of server-side web application technologies such as CGI, ASP, JSP, Servlets and Web Services is essential, but direct server-side experience is not required.

Training Style

This course consists of a series of short lecture sessions to provide an introduction and explanation of topics, and extensive hands-on workshops to provide practical experience of the AJAX techniques covered.

Emphasis is on understanding and directly implementing basic AJAX techniques, and using some essential client-side libraries to implement AJAX applications productively. This course also applies these techniques to enhance the user experience and to support an effective application architecture.

Related Courses
Code Course Title Duration Level
HTML
Hypertext Markup Language (HTML) - 2 days
2 Days
I
Details
JSCP01
JavaScript Programming Essentials
4 Days
II
Details
CSS
Cascading Style Sheets (CSS)
2 Days
II
Details
JSAP01
JavaScript Advanced Programming
2 Days
II
Details

Every student attending a Verhoef Training class will receive a certificate good for $100 toward their next public class taken within a year.

You can also buy "Verhoef Vouchers" to get a discounted rate for a single student in any of our public or web-based classes. Contact your account manager or our sales office for details.