Ajax is considered to the one of the very best friends of web developers all over the world. However, your web development experience can only be improved when you get hands-on expertise on Ajax and its different techniques. One of the most effective ways to gain our grip on web development is through Ajax tutorials. Here are 30 Ajax Tutorials for Better Web Development for all my web developer fellows out there!
Web 2.0 Cheatsheet for Ajax
Vote up or down on any particular link, giving an indication of how well an article has been received. In this tutorial, you learn how to recreate this unique voting system using jQuery, AJAX and PHP.
A to-do list that will allow you, or your user, to create, update, and delete items asynchronously.
Create a dynamic ajax based shoutbox with jQuery from scratch!
Special tutorial for Drag-and-drop effects
An Ajax enabled online calendar. Drag and drop events to change dates, drag the start/end of an event to create multi-day events, create and edit events without refreshing the page.
“Understanding Ajax, a productive approach to building Web sites, and how it works”
It uses FormCheck2 for validation of fields and NiceForms to style form objects.
Removing contents with Ajax is a useful tool to have in any web designers kit. Using a few lines of jQuery we can remove a div and simultaneously remove a record from the database with Ajax
One of the features I find most interesting in Google calendar is the possibility to create shared calendars, but also the availability of your calendar as XML or ICAL whether it’s a private or public one.
Create a calendar component using Ajax and PHP. Allows you to navigate months without refreshing the page.
In this script, you have a list of article titles at the right side. When you click on one of them, AJAX will be used to request the content of the article from an external file and show it in the main area
Tutorial demonstrating continuous pagination, in which the user keeps scrolling down rather than going to another page.
An introductory post for getting started with AJAX
This tutorial teaches you how to make those very cool input fields that auto complete based on what you type.
In this tutorial, you will create an AJAX-driven shopping cart and store all of the products in a MySQL database, using PHP to process the data. jQuery will deliver the AJAX on the page
This web slider will enhance your website and give it that extra something. This looks great, and is easy to make too!
Create your very own web chat using Ajax. This is pretty cool if you are looking to creating a live chat app for your website.
Every once in a while you find a great usage of Ajax. One great usage is the user name availability checker.
This tutorial shows how to build a zip code verifier.
This nifty little script allows users to rate just about anything you specify. It’s not tied to any platform, so you could literally use the script for anything that used PHP and MySQL.
Collection of Online Resources for Ajax Programming From Joshua Eichorn.
Build a calculator in AJAX!
An incredible Ajax instant messenger that works just like Yahoo! messenger or any other IM client, except it’s embedded on the website as opposed to a desktop client. Ajax IM is incredibly robust, and could add quite a bit to your user’s experience.
This article guides you through the AJAX basics and gives you two simple hands-on examples to get you started.
Build an AJAX-powered component that can upload a file to a dedicated server and monitor the progress of a file upload request in real time.
An easy tutorial teaching you how to make a simple Ajax file uploader Some neat graphics in this tutorial.
Learn how to create an Ajax contact form that emails the recipient without the page reloading.