|
|  |
| |
| | |
|
|
| |
|
AJAX Seminar
|
|
|
Duration:
1 Day
|
|
|
|
This course is for developers who are familiar with web technologies
-
Web Developers
-
Architects
-
Managers
| |
None
|
|
|
|
Description
|
|
This seminar provides an overview of the AJAX technology.
AJAX can be used to build highly interactive web user interfaces.
The seminar starts with a quick introduction to JavaScript, the
language used to build AJAX applications. We also discuss the
Document Object Model (DOM), XML and their processing using
JavaScript. The seminar also focuses on design issues including
design patterns, architectural patterns and best practices.
We also examine some of the most popular toolkits such as
DOJO and Google Web Toolkit (GWT).
We also present server-side frameworks for building AJAX applications such
as JSON.
Finally, we present the case study that outlines the design and
implementation of what is arguably the most popular and compelling AJAX
application: Google Maps.
This course is a lecture-only course with no hands-on labs or exercises.
For a complete immersion course on AJAX with extensive hands-on labs,
you may consider attending the course Building Professional AJAX Applications (IBM course code: 100499XS) .
|
|
|
Objectives
|
Upon completion of this course, attendees will be able to:
-
Understand how AJAX works
-
Learn the techniques underlying interactive web user interface development
-
Understand the DOJO widget toolkit
-
Understand the Google Web Toolkit
-
Use the MVC design patterns to develop AJAX based applications
-
Learn server-side AJAX development using JSON
-
Understand the design and implementation of Mapping applications
-
Use Drag-and-Drop in AJAX applications
-
Use Trees, Tables, Lists and much more in AJAX applications
-
Apply best practices and design patterns
|
|
|
Course Outline
|
|
Introduction
- What is AJAX?
- Web 2.0
- IFRAME
- AJAX Request-Response Cycle
- AJAX Examples
Basic Ajax Techniques
- XMLHttpRequest
- Browser Compatibility
- Asynchronous Invocation
- Handling XML
- Complete AJAX Example
Basic DOM Techniques
- DOM Structure
- DOM Nodes
- Properties
- Methods
- DOM::NodeList
- XMLDocument
- innerHTML
The Dojo AJAX Toolkit
- Dojo Overview
- Dojo Event Model
- Network I/O and Response Handlers
- Dojo.io.bind and the Back Button
- Animations
- Curves
- Drag and Drop
- Widget Library
- Tooltip, Button, Menu Combo Box
- Date and Time widgets
- Tree, Accordion
- Dialogs
- Text Editor
Building AJAX Applications with Dojo
- Creating, parsing and loading XML
- XML Callback Functions
- Dynamic HTML Tables
- Dojo Tables
- Handling Selections
| |
Google Web Toolkit
- GWT Architecture
- GWT support for Eclipse
- GWT Compiler
- Java to JavaScript and HTML
- Debugger
- GWT Widget Library
- JavaScript Native Interface (JSNI)
- GWT development cycle
Server Side AJAX Applications
- AJAX Server Role
- Server Architecture
- Facade
- Data Transfer Objects
- JSON-RPC
- Synchronous and Asynchronous JSON-RPC
AJAX Security
- The Sandbox
- HTTPS and AJAX
- Programmatic Security
- MD5 Hash Code
- Tips and Best practices
- Server Validation
- User Authentication
- SQL Injections
- Javascript Injections
Real World AJAX Applications
- Google Maps - A Case Study
- Asynchronous downloads
- Tiles and Layout
- Caching
- Zooming
|
|
|
|
