Course Description

This 3-day Ajax Programming Introduction training course will teach students how to make calls to the server with JavaScript and to manipulate JSON and XML content returned from the server. Ajax opens the door to creating sophisticated web-based applications with much more of the logic (and therefore code) handled on the client. While Ajax allows for more dynamic and responsive applications, it changes the traditional role of JavaScript dramatically and forces developers to rethink how they write and manage JavaScript code.
After taking this Ajax Programming training course, students will be able to create sophisticated Ajax-based applications in an efficient and modular way.

The server-side aspects of this class are written in Node.js so that students using any type of operating system (Windows, Mac, Linux) can run the code from their own computer. While it’s helpful to understand the server side, it’s not required or assumed.

A short overview of the Node.js server features(written in JavaScript) are included with the course, for those interested.

Pre-requisites

Students should have a basic understanding of HTML, JavaScript and CSS and possess basic programming skills.

Who is this course for?

Web developers using Ajax and Java, C# or VB developers who need to work with AJAX-based web applications.

Course content

A Quick Overview of Web Development
Client-side Programming
HTML
Cascading Style Sheets CSS)
JavaScript
Dynamic HTML
Ajax
Adobe Flash
Server-side Programming
Perl
ColdFusion
Active Server Pages (ASP)
Java EE
ASP.NET
PHP
Ruby on Rails
Intro to Ajax & the Node.js Server
The Purpose of Ajax
Traditional Web application
JavaScript on the Server Side?
Why Node.js
Running Node.js
A First Node.js Application & Server
An Ajax Web Applications
Ajax Basics
The XMLHttpRequest Object
Using an XMLHttpRequest Object
Handling the Response
The Callback Function
|
jQuery
jQuery: A JavaScript Library
About jQuery
jQuery Basics
Ajax with jQuery
jQuery’s Ajax-Related Methods
Convenience Methods
$.fn.load
Passing Data
XML
Dynamic Tables
JSON
Review of Object Literals
Arrays
Objects
Arrays in Objects
Objects in Arrays
Back to JSON
JSON Syntax
JSON Parsers
JSON Advantages & Disadvantages
Ajax Applications
Login Form
Quick Lookup Form
Preloaded Data
Ajax Slideshow
Navigable Tables
More Ajax Applications
Inline Editing
The contenteditable Attribute
Detailed Information on Demand
Autologout
Autocompletion
CORS/JSONP
CORS/JSONP: Assessing Remote Sites
CORS
JSONP
CORS vs. JSONP Differences