Top 20 Ajax Tutorials

Share!

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

A simple AJAX website with jQuery Ajax Tutorials

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

Create A Live Preview Display Ajax Tutorials

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 Web Chat Application Ajax Tutorials

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

Featured Content Slider Ajax Tutorials

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

Ajax RSS Feed Widget Ajax Tutorials

Animated Ajax Login

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 File Upload Tutorial Ajax Tutorials

Ajax Image Loader

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 Login Form Ajax Tutorials

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

Use jQuery To Retrieve Data From An XML File Ajax Tutorials

Ajax Guestbook

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

Ajax Website Slider Ajax Tutorials





23 thoughts on “Top 20 Ajax Tutorials”

  1. This post was really interesting. I think Ajax is a great way to interact on a website. There’s a lot of stuff we can do using it.

  2. Pingback: #2 : Les technologies qui continueront de façonner le web en 2010 » WebdesignerTrends – Ressources utiles pour le webdesign
  3. how to create report pdf and structural diagram using ajax, php and mysql….?please need your help..ASAP…thanks.

  4. There are missing hyperlinks for:
    1. Making An Ajax Website
    2. Animated Ajax Login [video]
    3. Ajax Image Loader [video]
    4. Ajax Username Validation
    5. Ajax Guestbook [video]

    Wrong hyperlink for
    ebook ad: “CSS Mastery”

    Can someone check them, please.

Leave a Reply

Your email address will not be published. Required fields are marked *