Ajax Fundamentals Course

Course Code: IN 634
Course Abstract:

This intermediate-level course provides participants with solid technical coverage and hands-on practical exercises using the latest and most common Ajax tools, frameworks, and design patterns implemented today.  The course begins by examining how AJAX is being used today, including practical and advanced applications of AJAX technologies.  Participants will setup up their environments and learn powerful techniques for developing and debugging front-end applications.  The course dissects the XMLHttpRequest object, learning how to handle its response messages, and process it using proper OO-based callbacks and utility libraries.  OO JavaScript is a necessary discussion to properly understand a well-designed AJAX-based architecture. 

Audience:

This course is designed for middle-tier and backend engineers with strong object-oriented experience, front-end developers, architects, and systems analysts looking to improve or update their web development skills. 


 

Duration: 2 days
Learning Outcomes:

Upon completion of this course, the participant will be able to:

> Incorporate asynchronous browser technologies into applications, creating rich user interfaces

> Use object-oriented and advanced JavaScript language features to encapsulate Ajax functionality and incorporate it into applications

> Interact with a server by sending and receiving XML or JSON formatted data

> Utilize various tools for development, testing, and debugging for multiple browser support

 

Course Topics:

Asynchronous JavaScript and XML Overview

Rich Internet Application Development

Incorporating AJAX Solutions into Applications

Practical Examples of AJAX and Web 2.0 Style

Understanding the Layered Semantic Architectures

 

Tooling for AJAX Development

Firefox Plug-ins

Firebug

Debugging JavaScript

DOM Inspector

Event Monitoring

Profiling JavaScript Apps

IE Web Developer Toolbar

Aptana IDE

 

Advanced and Object-Oriented JavaScript

Creating Objects via Prototypes

Constructor/Prototype Combinations

Object Literals

Encapsulation

Overloading

Closures

OO Best Practices

Utility Libraries

Namespaces

Exception Handling

 

Asynchronous JavaScript and XML Principles

Introducing the XMLHttpRequest Object

Creating the XHR for any Browser

Sending Requests

Asynchronous Operations

Creating Callback Functions

Monitoring the state of the XHR

Communicating with the Server

Creating a more Robust Solution

Encapsulating Requests

Graceful degradation and Error Handling

An AJAX Utility Library

Automating Requests

Using 3rd Party Libraries

Examining YUI, Prototype, Scriptaculous, Dojo

Object-Oriented Responses

 

Processing Responses

XML as a response

Using DOM to Manipulate XML Responses

Managing Content Type

Creating HTML

XML to HTML

DOM Building

JavaScript Object Notation (JSON)

eval()

JSON from the Server

 

Working With AJAX

Dynamic Form Updates

Sending Data to the Server

AJAX POST vs. GET Requests

Handling Delays

Server-side Data Validation Using AJAX

Handling Events

Type-Ahead Suggests

Using Cross-Domain Requests

Cross-Domain Proxies

Dynamic Script Tags

Utilizing RSS and XML Feeds

 

Appendix A

Working with the DOM and BOM

Accessing Nodes

DOM Traversal

Node Properties

Manipulating the DOM Tree

Dynamically Changing Style Properties

Adding and Removing Classes

Creating Interactions

Browser Object Model (BOM)

Browser Detection Techniques

InnerHTML

Manipulating Styles

Events and DHTML

W3C Event Model

IE Event Model

The Event Object

Event Types

 

Appendix B

Introducing Prototype JS Library

 

Appendix C

Introducing Dojo Toolkit

 

Prerequisites:

Required: Strong OO Skills, HTML, JavaScript Language Fundamentals
Recommended: DOM Manipulation using JavaScript, XML, CSS Fundamentals

Note: All fields are required
At the present time we do not offer training for individuals or groups less then 6 individuals. We apologize for any inconvenience.


We Value Your Privacy!

Ready to get started or in need of more information? Contact us today.

Go To Blog Virtual Learning