Customized Onsite Training

3
Days
  • Customized Content
  • For Groups of 5+
  • Online or On-location
  • Expert Instructors
Request Class or call 1-877-932-8228

Live Online Training

$1,185.00
or 3 vouchers
  • Live Online Training
  • Expert Instructors
  • Guaranteed to Run
  • 100% Free Re-take Option

Upcoming Classes

  • See More Classes

Please select a class.
$149.85
or 3 vouchers
  • Video Presentations
  • Readings
  • Exercises and Quizzes
  • 1 Year Subscription
Overview

In this Ajax training class, students learn 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 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.

For private groups new to CSS, XML, XSLT, and/or JavaScript, this Ajax training course can be customized to include accelerated introductions to those technologies.

This Ajax course has been updated for HTML5 and includes content on accessing remote data with Ajax via both Cross-Origin Resource Sharing (CORS) and JSONP (JSON with Padding).

Goals
  1. Learn how Ajax and the XMLHttpRequest object work.
  2. Learn to write cross-browser Ajax code.
  3. Learn to use Ajax to make a call to the server without a page refresh.
  4. Learn to modify content blocks on a page without refreshing the whole page.
  5. Learn to use server-side form validation with Ajax.
  6. Learn to pull down content from the server to dynamically display more content.
  7. Learn to manipulate XML documents with JavaScript using the DOM.
  8. Learn to use the jQuery JavaScript library to simplify and streamline Ajax coding.
  9. Learn to perform Ajax calls to external sites using both CORS and JSONP.
  10. Learn how the Node.js framework can be used to provide platform-agnostic server-side resources.
Outline
  1. A Quick Overview of Web Development
    1. Client-side Programming
      1. HTML
      2. Cascading Style Sheets
      3. JavaScript
      4. Dynamic HTML
      5. Ajax
      6. Adobe Flash
    2. Server-side Programming
      1. Perl
      2. ColdFusion
      3. Active Server Pages
      4. Java EE
      5. ASP.NET
      6. PHP
      7. Ruby on Rails
  2. Intro to Ajax and the Node.js Server
    1. The Purpose of Ajax
      1. Traditional Web Application
      2. JavaScript on the Server Side?
      3. Why Node.js?
      4. Installing Node.js
      5. Running Node.js
      6. A First Node.js Application & Server
      7. An Ajax Web Application
    2. Exercise: Adding a New Route to a Node.js Application
  3. Ajax Basics
    1. The XMLHttpRequest Object
      1. Using an XMLHttpRequest Object
      2. Handling the Response
    2. Exercise: Ajax Using the POST Method
    3. The Callback Function
    4. Exercise: Displaying and Updating Records
  4. jQuery
    1. jQuery: A JavaScript Library
      1. About jQuery
      2. jQuery Basics
      3. Ajax with jQuery
      4. jQuery's Ajax-Related Methods
      5. Convenience Methods
      6. $.fn.load
    2. Exercise: Displaying Customer List in a Table with jQuery
  5. Passing Data
    1. XML
      1. Creating an addChild() Function
    2. Exercise: Using addChild()
    3. Dynamic Tables
    4. Exercise: Handling responseXML
    5. JSON
    6. Review of Object Literals
      1. Arrays
      2. Objects
      3. Arrays in Objects
      4. Objects in Arrays
    7. Back to JSON
      1. JSON Syntax
      2. JSON Parsers
    8. Exercise: Using JSON
    9. JSON Advantages and Disadvantages
  6. Ajax Applications
    1. Login Form
    2. Quick Lookup Form
    3. Exercise: Creating a Simple Lookup Form
    4. Preloaded Data
      1. Ajax Slideshow
      2. Navigable Tables
    5. Exercise: Create Navigable Table Rows
  7. More Ajax Applications
    1. Inline Editing
      1. The contenteditable Attribute
    2. Exercise: Using contenteditable for Inline Editing
    3. Detailed Information on Demand
    4. Autologout
    5. Autocompletion
  8. CORS/JSONP
    1. CORS/JSONP: Accessing Remote Sites
      1. CORS
    2. Exercise: Retrieving Country Info from GeoNames via CORS
    3. JSONP
    4. Exercise: Retrieving State Names from Yahoo! with JSONP
      1. CORS Vs. JSONP Differences
Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following is required for this Ajax class:

  • HTML
  • JavaScript
  • CSS
Prerequisite Courses

Courses that can help you meet these prerequisites:

Preparing for Class

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

72,346

Students who have taken Live Online Training

15,155

Organization who trust Webucator for their training needs

100%

Satisfaction guarantee and retake option

9.26

Students rated our Ajax Training trainers 9.26 out of 10 based on 6 reviews

Contact Us or call 1-877-932-8228