Training » All Courses » Web Development » Ajax » Complete Ajax

Course Summary

Complete Ajax is composed of the following components:
Jump To: Duration Outline

Duration

5 days.

2 course(s)

Outline

Ajax   (3 days)

Ajax - Asynchronous JavaScript and XML - overview

  • Web Applications - Pre and Post Ajax
  • Ajax in the Real World
  • Alternatives to Ajax

XML In A Nutshell

  • Syntax
  • Rules

JavaScript In A Nutshell

  • Primitive Data Types and Reference Types
  • Variables
  • Loops
  • Function Definition and Function Call
  • Objects
  • Expressions, Operators and Escape Sequences

Document Object Model (DOM)

  • Window Object
  • HTML & XML DOM
  • Node
  • Element
  • Accessing Element Nodes
  • innerHTML
  • Properties of Element and Text Nodes
  • Node Attributes
  • Node Name & Node Value
  • Event Handling
  • Key Word - this
  • Whitespace Interpretation - Browser Differences
  • Removing Nodes
  • Creating New Nodes
  • Node Methods

XMLHttpRequest Object

  • XMLHttpRequest Instantiation
  • XMLHttpRequest open() Method
  • Asynchronous vs Synchronous Requests
  • Callback Function
  • readyState

CSS In A Nutshell

  • Syntax
  • Units
  • Selectors
  • Positioning properties
  • float Property
  • Types of Positioning
  • 3D

XML and Ajax

  • Creating a DOM Document with JavaScript
  • load XML
  • Receiving XML Responses from the Server
  • Passing XML to the Server
  • Different Server Side Technologies - an overview

Frameworks and Toolkits - an overview

  • Some Popular FrameWorks - in brief

Object-Oriented JavaScript

  • Multiple Simultaneous Asynchronous Requests
  • Prototype
  • Extending BuiltIn Objects
  • Object-Oriented XMLHttpRequest
  • Refactoring the Creation and Handling of XHRHttpRequest

Model-View-Control (MVC)

  • Design Patterns
  • MVC Examples
  • Ajax Web Application

JavaScript Object Notation (JSON)

  • JavaScript Object and Array Creation Using Literals
  • JavaScript Objects in Arrays & Arrays in Objects
  • JSON Syntax
  • JSON Parsers
  • JSON Data Transfer Between Client and Server
  • Autosuggest example

XSLT

  • Overview
  • XSLT in the Browsers
  • Sarissa
  • Advantages and Disadvantages

XPath

  • Overview

Drag and Drop

  • Overview
  • Scriptaculous
  • Draggable Options
  • Droppables
  • Drag and Drop, Ajax and Scriptaculous

Ajax Advanced   (2 days)

Security and Ajax

  • JavaScript and browser security
  • Communicating with remote services
  • Protecting confidential data
  • Policing access to Ajax data streams

Performance

  • What is performance?
  • JavaScript execution speed
  • JavaScript memory footprint
  • Designing for performance

Dynamic double combo

  • A double-combo script
  • The client-side architecture
  • Implementing the server: VB .NET
  • Presenting the results
  • Advanced issues

Type-ahead suggest

  • Examining type-ahead frameworks
  • The server-side framework: C#
  • The client-side framework
  • Adding functionality: multiple elements

The enhanced Ajax web portal

  • The evolving portal
  • The Ajax portal architecture using Java
  • The Ajax login
  • Implementing DHTML windows
  • Adding Ajax autosave functionality

Live search using XSLT

  • Understanding the search techniques
  • The client-side code
  • The server-side code: PHP
  • Combining the XSLT and XML documents
  • Completing the search

Building stand-alone applications with Ajax

  • Reading information from the outside world
  • Creating the rich user interface
  • Loading the RSS feeds
  • Adding a rich transition effect
  • Additional functionality
  • Avoiding the project’s restrictions
  • RSS reader Model
  • RSS reader view
  • RSS reader Controller
  • Refactoring debrief