Course Summary

Ajax - Asynchronous JavaScript and XML is a synergy of multiple technologies and communication with the server without a page refresh, enabling a rich and responsive web-based client, a 2.0 web application.

Marakana Ajax Training course covers Ajax related technologies including JavaScript, DOM, CSS, XML etc., focusing on Object Oriented JavaScript and the main Ajax object: XMLHttpRequest.

Duration

3 days.

Objectives

In Marakana Ajax Training course, you will learn:

  • The many Ajax related technologies
  • How to assemble a simple Ajax Web Application
  • Different methods of Communication between client and server
  • How auto-suggest type-ahead works
  • How to change a graphic display dynamically
  • A peak at Ajax frameworks: such as Prototype, and Scriptaculous

Audience

Marakana Ajax Training course is intended for developers who already have programming experience.

Familiarity with JavaScript and HTML highly recommended.

Instructors

Photo
i am a multidisciplinary teacher and consultant who has particular interest in information archives, flows and presentations. some of my favorite topics are thus natural languages, annotations and visualizations. More about Aaron Brick...
Photo
Ruven focuses on Java, Ajax, and similar web-based development standards. Ruven has a reputation as an engaging instructor, clarifying complex topics and encouraging analytical thinking. More about Ruven Hannah...

Outline

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

Course Testimonials

The Ajax course was great. It was what I expected. The instructor was knowledgeable. The learning environment was comfortable and the equipment was pretty decent. I would take another training from them.

- IBM

I have learnt a lot from this course and I'm now waiting to apply the knowledge I got into my work area. Thank you very much for the opportunity and you're great course.

- Tree tecchnologies

The Ajax training class gave me the background, tools, and knowledge necessary to build a slick Ajax application. The course provided a great overview of the technologies needed; we covered Javascript, XML, XSL, XSLT, and others needed to create a system. Great course, thanks!

- Greater Bay Bancorp

This was a great class. OOP explanation was excellent. Not only AJAX but I also learnt OOP as well. Thanks!

- Adobe Systems, Inc.

This course helped to open my eyes to all the possibilities that AJAX and its associated frameworks can do for the applications that I develop for my company. I'm excited to leave training and apply what I've learned from this course. This is going to help me "raise the bar" at my company in terms of the software that we produce for our scientists. [the instructor] is very patient, especially with coders who sometimes ignore him because they are too focused on their code. He is also very helpful and always asks whether people have any questions, comments, suggestions, or improvements on the exercises. He's great at adding additional exercises to address issues that arise throughout the days.

- Roche Palo Alto

The instructor is a great teacher with lots of passion. Overall he did a great job making Ajax and all the related technologies easier to comprehend.

- Anonymous - Public Class