Top 20 Ajax Tutorials

By Web Design | 23 comments | Programming | Tags: Ajax And jQuery Validation, Ajax Contact Form, Ajax Featured Content Slider, Ajax File Upload, Ajax Guestbook, Ajax Image Loader, Ajax Login Form, Ajax RSS Feed Widget, Ajax Username Validation, Ajax Web Chat Application, Ajax XML Ticker, Animated Ajax Login, Create A Live Preview Display, Create A Practical jQuery Plugin, Including An External Page With Ajax, Making An Ajax Website, Retrieve Data From An XML File, Simple Ajax Website, Top 20 Ajax Tutorials

Tweet

Ajax is commonly overlooked as a language that many newbies to web design don’t really understand. Well the truth is, Ajax can do wonderful things and give your website that extra special something. I have rounded up a collection of the top 20 Ajax tutorials I think will help anyone get their feet wet with Ajax.

Let me know what tutorial you like best, and if you know of any other tutorials that have helped you master Ajax, then please by all means drop us a comment. Anyway, enjoy the list!

A simple AJAX website with jQuery

TutorialZine have posted this really great tutorial that teaches people how to create their very own fully functional websites that runs using Ajax. I have to say the finished result does look very nice! View Tutorial

* * * * *

Including An External Page With Ajax

This tutorial will teach you how to include an external page using Ajax Its a very easy to follow tutorial written by the people over at Javascript Kit. View Tutorial

* * * * *

Create A Live Preview Display

Learn how to create a live preview display when filling out a form, much like the one Digg.com use. View Tutorial

* * * * *

Ajax Contact Form

Learn how to create an Ajax contact form that emails the recipient without the page reloading. View Tutorial

* * * * *

Making An Ajax Website

In this tutorial you can learn how to create your very own Ajax website. And the best part is, no Ajax knowledge is required! View Tutorial

* * * * *

Ajax Web Chat Application

In this tutorial, you can 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. View Tutorial

* * * * *

Ajax 101

Here is a short guide that will teach you the ins and outs of Ajax. View Tutorial

* * * * *

Featured Content Slider

In this tutorial, you can learn how to make standard pieces of HTML glide in, and put them together into a beautiful slideshow. View Tutorial

* * * * *

Validation And Ajax With jQuery

Ever filled out a form and it pops up with you forgot to fill out your email address or something similar? This tutorial will teach you hoe to validate your forms with Ajax. View Tutorial

* * * * *

Ajax RSS Feed Widget

Learn how to grab any RSS feed you like, and display the content in any styled fashion. View Tutorial

* * * * *

Animated Ajax Login [video]

This sweet video will teach you how to spice up your standard login page and make it animated using Ajax.

* * * * *

Ajax File Upload Tutorial

An easy tutorial teaching you how to make a simple Ajax file uploader Some neat graphics in this tutorial. View Tutorial

* * * * *

Ajax Image Loader [video]

Learn how to create an image loader in this nicely put together video tutorial.

* * * * *

Ajax Login Form

This is a sweet Ajax login form tutorial that uses MooTools. Plus the login form has a neat little preloader! View Tutorial

* * * * *

Ajax Username Validation

This tutorial will teach you how to validate a username in a form. You can also customize this to work with all the form fields. Plus this tutorial is available in jQuery and Prototype.

* * * * *

Ajax XML Ticker

This a neat little tutorial that teaches you how to build an Ajax XML ticker. You can link a .txt file up to the ticker to display a slideshow of messages, and it supports rich HTML too! View Tutorial

* * * * *

Use jQuery To Retrieve Data From An XML File

Here is a nice little handy tip that will teach you how to grab data from an XML file and display it on a blank empty page. View Tutorial

* * * * *

Ajax Guestbook [video]

This video tutorial will teach you how to create a fully functional guestbook using Ajax.

* * * * *

The Definitive Guide to Creating a Practical jQuery Plugin

Net Tuts have a really great tutorial on how to create your own practical jQuery plugin. View Tutorial

* * * * *

Ajax Website Slider

This web slider will enhance your website and give it that extra something. This looks great, and is easy to make too! View Tutorial