Top 20 Ajax Tutorials
Posted on 17. Nov, 2009 by Web Design in Programming
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. View Tutorial
* * * * *
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. View 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. View Tutorial
* * * * *
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. View Tutorial
* * * * *
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




















designfollow
18. Nov, 2009
great tutorials
thank you
marvincspw
18. Nov, 2009
Nice Tutorials Thanks for sharing
vasu
19. Nov, 2009
Very useful. thanks
Agence Web
19. Nov, 2009
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.
Martin
20. Nov, 2009
Thank you for including my tutorial Andy! You have a great site – I just subscribed to your feed.
Andy
20. Nov, 2009
Thanks! LOve the simplicity and ease of use on TutorialZine. We will feature your top content more often.
muzu
22. Nov, 2009
thnx………..gud info
CyberFox
29. Nov, 2009
Nice Collection! Thanks.
McGoo
11. Dec, 2009
Nice and useful. Thanks
Pritesh Gupta
12. Dec, 2009
Thanks for sharing
Very useful
#2 : Les technologies qui continueront de façonner le web en 2010 » WebdesignerTrends – Ressources utiles pour le webdesign
26. Jan, 2010
[...] milliers de tutoriels sur la toile. Un exemple récent, chez WebdesignDev avec une sélection de 20 tutoriels Ajax. Articles en relation :26 plugins Jquery pour une superbe navigationTutoriel : créer une galerie [...]
mouad
03. Apr, 2010
Nice and useful. Thanks
kevin
30. May, 2010
how to create report pdf and structural diagram using ajax, php and mysql….?please need your help..ASAP…thanks.
vander
03. Jun, 2010
good job
Dave G
18. Jun, 2010
Nice, but the tut on chat does not load.
Its a dead link.. Please fix
Dave