AJAX

Overview

This Ajax course explains how to use Ajax (Asynchronous JavaScript and XML) to create interactive & dynamic web pages. After completing our Ajax course you will be able to build web applications that do not require a page refresh. Next to learning Ajax you will also get a chance to work with JSON and integrate jQuery, PHP with Ajax. Few practical AJAX based projects at the end of the course will ensure that you can apply AJAX on your web projects. This short AJAX course is hands-on, instructor-led and classroom based. This training can be taken as a part-time evening course or even on the weekends. A list of all upcoming public AJAX training courses is given on training dragon website.

Who is it for?

This course is for you if you are interested in using Ajax on your web pages to create advanced, dynamic, feature-rich web pages

Description

AJAX Course Contents

Introduction to Ajax

• What is Ajax?
• What can you do with Ajax?
• Ajax and Web 2.0
• Ajax Basics

Fundamentals

• HTML and CSS
• Ajax Frameworks

Advanced Javascript

• Data types and variables
• Operators and Statements
• Objects and Functions
• Introduction to Object Oriented Programming (OOP)

eXtensible Markup Language (XML)

• Syntax
• Rules
• XML and Ajax

The Document Object Model (DOM)

• HTML Objects and Properties
• Understanding the DOM
• Element and Access in Context
• Modifying the Tree

The XMLHttpRequest Object

• Overview
• Methods
• Properties
• Interaction
• GET vs. POST
• Handling the response
• Cross-browser Usage

Ajax with PHP

• The role of the server
• PHP and Ajax
• Getting XML data from PHP
• Handling Errors
• Server-side Frameworks
• Simple Applications

Ajax and Databases

• Introduction to MySQL
• Connecting to the Database
• Ajax, PHP and MySQL

Ajax with jQuery

• Overview
• jQuery Fundamentals
• Selectors
• Manipulating Elements
• Events
• Ajax with jQuery

Javascript Object Notation (JSON and JSONP)

• Introduction to JSON
• JSON Concepts
• JSON vs. XML
• JSONP, JSON with PADDING

Ajax Best Practices

• Browser Issues
• Security
• The Back Button
• Degrading Javascript Gracefully
• Testing and Debugging

Projects in AJAX

Project 1 - Four basic samples
Use AJAX and row JavaScript to retrieve simple data from TXT files, PHP scripts (GET and POST), XML files.  Project 2 - Ajax based Auto-complete with JSON
Build an AJAX based auto-complete exploring jQuery ajax() methods and properties.
Project 3 - Ajax Form Validation Create an HTML form and validate it using AJAX and jQuery without any page refresh; introduction to jQuery Form Plugin.
Project 4 - Ajax, jQuery and XML
Build a simple catalogue using Ajax and advanced jQuery to handle more complex data from an XML file.
Project 5 - Ajax table (sort and C.R.U.D.)
Build a dynamic AJAX table that can fetch, manipulate and sort data on the fly.
Project 6 - Getting data from Twitter with JSONP
Retrieve cross domain data using JSONP, raw JavaScript or jQuery.