Best Useful Ajax Tools And Tutorials for web designers

According to wikipedia, “Ajax, sometimes written as AJAX (shorthand for asynchronous JavaScript and XML), is a group of interrelated web development techniques used on the client-side to create interactive web applications or rich Internet applications. With Ajax, web applications can retrieve data from the server asynchronously in the background without interfering with the display and behavior of the existing page.”

No need to search all over the net for ajax tools and tutorials i have rounded up the best AJAX tools and tutorials for you. So those who are very new to Ajax can follow the tutorial links to know about it and others can start using ajax tools. Do let us know which tool, or if i missed any, is very useful by commenting here.

Ajax Tools

AJAX For N00bs

it’s just a simple evolution of client/server tricks Javascript programmers have been doing since the web was born.

AJAX for n00bs

AJAXload

This site will help you generate AJAX load icon for your project.

Generate AJAX load icon

Clean AJAX

Clean is an open source engine for AJAX, that provides a high level interface to work with the AJAX technology.

Open source engine for AJAX

Load Info

AJAX loading animated GIFs that are free to use.

AJAX loading animated GIFs

Prototypejs

Prototype is a JavaScript Framework that aims to ease development of dynamic web applications. It includes an AJAX library to make app building easier.

JavaScript Framework

Mini Ajax

Nice looking simple downloadable dhtml and ajax code.

Downloadable Ajax Code

Qooxdoo

Qooxdoo is a comprehensive and innovative Ajax application framework.

Ajax application framework

Rialto

Rialto (Rich Internet Application Toolkit) is ajax-based cross browser javascript widgets library.

Javascript widgets library

Thin Wire

Open Source Ajax RIA Framework.

Ajax RIA Framework

Kabuki AJAX Toolkit

The Kabuki (a.k.a Zimbra) AJAX Toolkit is a client developer library, similar in style to traditional object-oriented widget libraries like Eclipse’s SWT, albeit for JavaScript.

Client developer library

Rico

Rico provides a very simple interface for registering Ajax request handlers as well as HTML elements or JavaScript objects as Ajax response objects. Multiple elements and/or objects may be updated as the result of one Ajax request.

Ajax request handlers

Sajax

Get support from the people who made Ajax easy for the masses.

Simple Ajax Toolkit

AjaxPatterns

The publicly editable repository of all things Ajax.

AjaxPatterns

Yahoo! UI Library

The YUI Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX.

Yahoo! UI Library

Dojo

Ajax, events, packaging, CSS-based querying, animations, JSON, language utilities, and a lot more.

Build dynamic features

Fjax

Fjax is an open, lightweight, cross-browser methodology for Ajax-style web 2.0 development.

Cross-browser XML parsing

Ajax Tutorials

Beginner Tutorials

An Ajax “Hello World” project to Get You Going
A lead to a great posting Rasmus’ 30 second Ajax tutorial was too good a treat not to share around.

AJAX Lessons
Ajax Workshops Archive.

Create Your Own Ajax Effects
The basic and prebuilt effects in script.aculo.us are nice, but if you really want to build something great why not investigate doing your own, homegrown, do-it-yourself effects.

AJAX from Scratch: Implementing Mutual Exclusion in JavaScript
This AJAX from Scratch series of articles describes fundamental techniques needed to develop AJAX Rich Internet Applications in JavaScript from scratch.

Simple Ajax Functions – Snippets
In this simple example I’ll show you just how easy Ajax calls are. But you will need to have your own copy of prototype (its free!).

AJAX Made Easy
Build a calculator in AJAX.

Instant Tutorial
A quick tutorial to get you jump started with AJAX.

Rasmus’ 30 second AJAX Tutorial
Really nice tutorial for beginners.

Build an Ajax Dropdown Menu
A Very useful tutorial from webmoneky.

Advanced Tutorials

Drag & Drop Sortable Lists with JavaScript and CSS
In Web applications I’ve seen numerous — and personally implemented a few — ways to rearrange items in a list.

Fly to basket (Shopping cart)
This tutorial will show you how to make product fly to the shopping basket when you click on the “Add to basket” button.

AJAX File Uploader Tutorial
Build an AJAX-powered component that can upload a file to a server and monitor the progress of a file upload request in real time.

AJAX Tutorial with Prototype
This tutorial shows how to build a zip code verifier.

AJAX for Java Developers: Google Web Toolkit
GWT provides a Java API that lets you create component-based GUIs and then compile them for display in the user’s Web browser.

Speed up Your AJAX Based Webapps
If you have developed an AJAX based web application you would know how many JavaScript files are required per webpage.

AJAX Framework and Toolkit Tutorials

New Echo2 Tutorial Series
Part 1 of a multipart Echo2 tutorial series, entitled “Ajax with Echo2 and Eclipse” is now available from our web site.

AJAX Design Patterns – Using The Dojo Toolkit
How to design and build a complete site and not just some fancy little details like how to turn caching in AJAX off or how to create a fancy widget.

Using Dojo and JSON to Build Ajax Applications
In this article, I will show how to build Ajax-enabled applications using Dojo and JSON–two very different but complementary technologies that can significantly enhance the interface and usability of web applications.