Courses
 
 
Developing interactive web applications with AJAX
 
Duration:   3 days Level:  Advanced Format:   50% hands-on
 
Description:
AJAX (Asynchronous JavaScript with XML) is a combination of technologies like HTML, JavaScript, DHTML and DOM. Unlike traditional approach in web applications, which require reloading of the entire page on-submit, AJAX provides dynamic, asynchronous web interaction without refreshing the page.

This course illustrates different techniques, frameworks and tools used for developing AJAX-based web applications.
 
Upon completion, students will be able to:
Understand the concepts of AJAX and AJAX application architecture
Understand the role of JavaScript and XML within an AJAX application
Understand the use of AJAX to make the application smooth and more efficient
Identify where the AJAX model could be applied within your organization
Design and develop Web applications based on AJAX
 
Topics:
1 AJAX Overview
2 Manipulating HTML / XML DOM using JavaScript
3 Communicating using AJAX
4 Basic AJAX techniques
5 Using Frameworks for AJAX development
6 The role of the server
7 Tools for AJAX development
8 Security and Ajax
9 Performance
 
Contents:
1 AJAX Overview
 
  • Traditional Software application architecture
    • Desktop application
    • Web application
  • Overview of Web application technologies
  • What is AJAX?
  • Where AJAX can be used?
  • Asynchronous vs. synchronous communication
  • Traditional Web application model
  • The AJAX Web application model
  • Some AJAX-based applications
  • The key elements of AJAX
    • CSS
    • HTML
    • XML
    • JavaScript
    • The XMLHttpRequest object
   
2 Manipulating HTML / XML DOM using JavaScript
 
  • Introduction to JavaScript
  • The Document object and JavaScript
  • Managing HTML DOM using JavaScript
    • Finding a specific DOM node
    • Creating a new DOM node
    • Adding styles to your document
    • Using the <innerHTML> property
  • Overview of XML
  • Managing XML DOM using JavaScript
    • Accessing XML Nodes
    • Modifying XML Nodes
   
3 Communicating using AJAX
 
  • Sending requests
    • HTTP GET request
    • HTTP POST request
  • Handling request at server
  • Loading data asynchronously using XML
  • Sending request parameters
  • Using callback functions to monitor the request
  • Understand the full lifecycle
   
4 Basic AJAX techniques
 
  • Data validation
  • Auto-refresh page content
  • Displaying Progress bar
  • Auto-complete in forms
  • Implementing a notification system for Ajax
  • Keeping user informed
   
5 Using Frameworks for AJAX development
 
  • Model-View-Controller
  • The View in an AJAX application
  • The Controller in an AJAX application
  • Models in AJAX application
  • Generating the View from the Model
  • Third-party libraries and frameworks
    • Cross-platform libraries
    • Widgets and widget suites
    • Ajax application frameworks
   
6 The role of the server
 
  • Working with the server side
  • Coding the server side
  • Common server-side designs
  • Exchanging data
  • Interacting with server
   
7 Tools for AJAX development
   
8 Security and Ajax
 
  • JavaScript and browser security
  • Communicating with remote services
  • Protecting confidential data
  • Policing access to Ajax data streams
   
9 Performance
 
  • What is Performance?
  • Profiling JavaScript
  • JavaScript Memory footprint
  • Design for performance
   
Hands-on Labs:
Developing AJAX-based web applications
1 Manipulating HTML and XML DOM structure using JavaScript
2 Web application that validates user entered data
3 Web application displaying Stock Quotes without page refresh
4 Web application with support of Auto-complete in forms and displays progress bar during form submission
5 Web application that implements a notification framework
6 Web application exchanging secure encrypted data
 
Prerequisites:
Audience should have knowledge of Web application development, especially using JavaScript, JSP / Servlet and XML technologies.
 
Audience:
Architects, designers, analysts, and developers.