AJAX Course Content

Overview :

AJAX (Asynchronous JavaScript And XML) it also referred to as “remote scripting” and provides a method of programming that incorporates in JavaScript, XML, HTML, CSS technologies to send and receive data between the browser and server. Using it web applications can send data to, and retrieve data from, a server asynchronously without interfering with the display and behavior of the existing page.

Training Objectives of CCNA :

Ajax is not a single technology, but it is having group of technologies. Both HTML and CSS can be used in combination to mark up and style the information. DOM is accessed with JavaScript to dynamically display, and allow the user to interact with, the information presented. It uses a communication technology typically between SOAP and XML to send and receive an asynchronous request/response to the server, and then leverages presentation technologies (JavaScript, DOM, HTML, and CSS) to process the response.

Target Students / Prerequisites :

Student must have the knowledge in Technologies like JavaScript, HTML, CSS and XML.

Beginning Ajax :

  • Creating a request object
  • Requesting the data
  • Asynchronous data transfer
  • Using the readyState property
  • Using a callback function
  • Using innerHTML
  • Sending the request
  • Requesting the data
  • Error handling with try/catch
  • Understanding HTTP

Using XML and JSON in Ajax applications :

  • XML basics
  • XML and the DOM
  • Using responseText
  • Using responseXML
  • JSON vs XML
  • JSON basics
  • Using JavaScript literals
  • Using CSS with Ajax

Object-oriented JavaScript and custom Ajax objects :

  • The new operator
  • Object constructors
  • Prototypes
  • Using custom Ajax objects
  • Ajax and forms
  • Encoding

Troubleshooting and Debugging Ajax :

  • The onerror event handler
  • Debugging Ajax with Firebug
  • Tools for navigating the DOM
  •  The Firefox DOM Inspector
  •  The IE DOM Inspector
  •  The Mouseover DOM Inspector (MODI)
  •  Live HTTP Headers
  • HTTP Status Codes

Using JavaScript libraries and Creating a widget :

  • Using JavaScript libraries/frameworks
  • Three types of libraries/frameworks
  • DOM extension
  • Application conveniences
  • Widgets
  • The Prototype JavaScript Framework
  • Using Prototype’s Ajax Object
  • Using an accordion widget to display an Ajax response

Working with XML feeds and Providing feedback to the user :

  • Working with XML News Feeds
  •  RSS .9x
  •  RSS 2.0
  •  RSS 1.0
  •  Atom
  •  Using the Scriptaculous library for visual effects
  •  The yellow fade technique
  •  Drag and drop functionality
  •  Ajax best practices

Courses Duration : 3-4 weeks

1
Main