English Español Português Italiano
Tutorials Guide Help
Sitemap Adobe Autodesk Microsoft Corel Sony GNU Others

Ajax Tutorial - Build your own AJAX Web Applications


Ajax Tutorial - Build your own AJAX Web Applications

Ajax Tutorial - Build your own AJAX Web Applications FREE DOWNLOAD THIS TUTORIAL
Tutorial in pdf format so you can save it to your PC, e-book reader or print.

Sponsored link

Note: The tutorial you are about to download is compressed format. Rar, if you do not have a decompressor rar files you can download 7-zip and you can display the Foxit PDF Reader.

Index Ajax Tutorial - Build your own AJAX Web Applications

Table of Contents
1. AJAX: the Overview
AJAX Web Applications
The Bad Old Days
Prehistoric AJAX
What Makes AJAX Cool
AJAX Technologies
Data Exchange and Markup: XML
W3C Document Object Model
Presentation: CSS
Communication: XMLHttpRequest
Putting it All Together: JavaScript
2. Basic XMLHttpRequest
A Simple AJAX Library
Starting our Ajax Class
Creating an XMLHttpRequest Object
Sending a Request
Processing the Response
Aborting the Request
Wrapping it Up
Example: a Simple Test Page
Example: a Simple AJAX App
Laying the Foundations
Handling the Result with showPoll
Starting the Process Over Again
Full Example Code
Running the App
Further Reading
JavaScript’s Object Model
ajax autocomplete example
3. The “A” in AJAX
Planned Application Enhancements
Organizing the Code
Loss of Scope with setTimeout
Creating the Monitor Object
Configuring and Initializing our Application
Setting Up the UI
The toggleButton Method
The toggleStatusMessage Method
Checking your Work In Progress
Polling the Server
Handling Timeouts
The Response Times Bar Graph
The Running List in pollArray
Displaying the Results
Stopping the Application
Status Notifications
The Status Animation
Setting Up Status
Internet Explorer Memory Leaks
The displayOpacity Method
Running the Animation
Styling the Monitor
4. AJAX and POST Requests
Review: Sending Data with GET
Sending Data with POST
A Quick Form POST
Using formData2QueryString
An Application Login
Accessibility and Backward Compatibility
Markup and CSS
Creating the Login Class
Setting it Up with init
Setting the Login Prompt
Ensuring Valid Input
Submitting the Form Data
Processing the Submission
Showing Processing Status
Handling the Server Response
Dealing with Login Failures
AJAX and Screen Readers
Thinking “Linearly”
Skip Navigation Links
Notification for Dynamic Content
Testing in Multiple Readers
The Screen Reader Code
Setting Up Notification
Showing Notifications
Enabling the Submit Button
Adding Instructions to a Form Element
Further Reading
5. Broader AJAX with Edit-in-place
Page Markup
Accessibility and Backward Compatibility
The Blog Class
The init Method
Editing an Entry
The getSrcElem Method
Getting the Entry’s ID
Changing the State
Turning on Editable State
Enabling and Disabling Other Input
Returning to Display State
Saving Changes
The Status Animation
Starting the Animation
The doStatusAnim Method
The Fake Back-end Page
Using YAML
The PHP Code
Response Examples
Parsing YAML in JavaScript
Handling the Response
Stopping the Status Animation
Cleaning Up with stopReset
Adding a New Entry
Adding the New Entry divs
Canceling the New Entry
The Placeholder ID
Future Enhancements
Loading Existing Entries
Concurrency and Locking
Errors and Timeouts
6. Web Services and Slide-and-hide
Slide-and-hide Window
Web Services: an Overview
APIs and Protocols
Network-centric vs Application-centric
Amazon Web Services Client
Amazon Web Services Accounts
Amazon E-Commerce Service
The Client Class
Initial Setup
Cross-site AJAX
XMLHttpRequest and Security
An AJAX Relay
The Proxy Script
Sending the Request to Amazon Web Services
Getting the Search Text
Sending the Request
Handling the Results from Amazon
Using xml2ObjArray
Formatting the Results
Performing the Slide-and-hide
The Slide-and-hide Effect
AJAX Fat-client Code
Legacy Browsers and Accessibility
Usability: the Back Button Problem
Debugging Client-side AJAX
Further Reading
Cross-site Scripting (XSS)
7. More Web Services and a Back Button
The Search Application
Accessibility and Backward Compatibility
Fixing the Back Button
Setting Up the Search Class
The init Method
Disabling and Enabling Buttons
Enabling Search
The submitSearch Method
Passing to the Proxy Script
Submitting the Search
The Proxy Script
Initial Setup
Amazon Web Services
Printing the Response
Google Web APIs
Using a SOAP Library
The eBay Platform
A Few Hurdles
The Code
Testing the Proxy Script
Handling the Results
Displaying the Results
Fallback for Non-JavaScript Browsers
Screen Reader Code
Alerting Users to Page Changes
The Back Button Problem
The Two Options
SearchHistory Class
Adding to the History
Navigating the History
Displaying the History Entry
Building your own Back Button
Adding the Buttons
Using the Browser’s Back Button
Using the Location Hash
Setting Up the Fix
Setting the Hash
Watching the Hash
Displaying the Entry
Decisions, Decisions
Search App Enhancements
History Menu
Further Reading
Apache2 and OpenSSL on Linux
Apache2 and OpenSSL on Windows
8. Drag and Drop with AJAX Chess
AJAX Chess
Problems to Solve
The Chess Class
Starting the Application
Setting Up the Board
The Status Panel
Loading a Game
Using JSON
Encoding an Object with JSON
Decoding JSON Strings
Displaying Game State
The handleLoadGame Method
The displayGame Method
Global Event Handlers
Going Global
Handling Mouse Clicks
Moving Pieces
The mousemove Handler
The mouseup Handler
The Draggable Class
The Click Offset
Viewport Positions and Board Positions
The move Method
The drop Method
The doMove Method
Making a Backup
Error Checking
Aborting the Move on Error
Saving the Move
The handleMove Method
Polling for Server State
Wiping the Board
AJAX Chess Back End
Future Enhancements
A. AJAX Toolkits

Download the file decompressor 7-zip.
Download the PDF reader Foxit PDF Reader.

TutorialsPDF.com © 2008 - This work is licensed under a Creative Commons License.