As I was putting together a list of resources to help people learn AJAX, I came across a mega list that was just too incredible not to copy. The site I copied this list from is located here. I hate when people copy my lists and don’t give me credit for all of the research I did, so I’d like to give some credit love to the person who created this article. The place didn’t actually list a name, so I guess I just have to list the website. The creator, or at least the place where I found the article, was http://webdeveloper.econsultant.com/ajax-tutorials/. If they copied the article from some place else, well….whatever :-). I hope you really enjoy this list and I hope you find it very useful!

Top 126 Ajax Tutorials

Helpful tutorials to learn Ajax.

Getting Started

1. An Ajax Hello World project to Get You Going : First program at Mike On Code
2. Rasmus 30 second AJAX Tutorial : first program using Ajax at CoderLab
3. Instant Tutorial : Quick tutorial at AleemBawany
4. Ajax Toybox : Simple first programs including, Hello, World, Dynamic City, State Lookup, Ajax to Clean Your Clock, Ajax Calculator and an RSS News Ticker.
5. A simple Ajax example : a simple program demo for Ajax at MD Groves
6. Ajax Toolbox / XMLHttpRequest AjaxRequest Library Examples : Ajax examples including Error Handing, Time Out, Simultaneous Requests, Activity Monitoring, Form Submittal, Event Handlers, Queued Requests, Request Parameters
7. An Introduction to Ajax : introduction to Ajax at Prokata
8. Implementing simple Ajax interaction in your Web Application using XMLHttpRequest object : Intro + explanatory diagram at JavaReference
9. Nitty Gritty Ajax : Intro and Tutorial at WebMonkey
10. A List Apart: Articles: Getting Started with Ajax : An excellent intro ; Chapter 27 of Web Design in a Nutshell at A List Apart
11. Ajax Beginners Tutorial : Intro at AjaxProjects
12. Guide to Using XMLHttpRequest : Using XMLHttpRequest with PHP and MySQL at WebPasties
13. Ajax : Tutorial at YourHTMLSource
14. Javascript Remote Scripting with PHP : Tutorial at SimpleTutorials
15. How To: Learn AJAX in 20 minutes : Intro at Sematopia
16. Take Command with Ajax : Intro tutorial; at SitePoint
17. Ajax Tutorial : Ajax tutorial at W3Schools.com
18. Ajax Tutorial : at Tizag.com
19. Ajax Hello World : at Jot.com
20. Fundations of Ajax (PDF : by Ryan Asleson
21. All Request, All The Time : XMLHttpRequest explanation at WebMonkey
22. Very Dynamic Web Interfaces via Ajax : at XML.com
23. A Simpler Ajax Path : at OnLamp
24. Alternate Ajax Techniques, Part 1 : Detailed intro at WebReference
25. Ajax:Getting Started : Long intro at Mozilla Developer Center
26. Dynamical HTML and XML: The XMLHttpRequest Object : at Apple.com
27. Mastering Ajax Part 1 : Introduction to Ajax : at IBM
28. Mastering Ajax Part 2 : Make asynchronous requests with JavaScript and Ajax : at IBM
29. Mastering Ajax Part 3 : Advanced requests and responses in Ajax : at IBM
30. Mastering Ajax Part 4: Exploiting DOM for Web response : at IBM
31. How to Develop Web Applications with Ajax, Pt. 1 : App Development Series at WebReference
32. How to Develop Web Applications with Ajax: Pt. 2 : App Development Series at WebReference
33. Developing Web Applications with Ajax, Pt. 3 : App Development Series at WebReference
34. Ajax Workshop 1: Ajax basics & building a simple email verification with prototype.js. : at AjaxLessons
35. Ajax Workshop 2: Building Tabbed Content : at AjaxLessons
36. Ajax Workshop 3: Shopping Cart using Script.aculo.us : at AjaxLessons
37. Ajax Workshop 4: Live Data with JSON & Prototype.js : at AjaxLessons
38. AJAX Was Here - Part 1: Client Side Framework : at CodeProject
39. AJAX Was Here - Part 2: ASP.NET Integration : at CodeProject
40. AJAX WAS Here - Part 3 : Auto Complete TextBox : at CodeProject
41. Step by Step to AJAX : at DevArticles
42. The AJAX Revolution. Join in. : Five-part detailed tutorial ; at telerik.com
43. Very Dynamic Web Interfaces : at XML.com
44. Ajax from Scratch: Implementing Mutual Exclusion in JavaScript : Basic tutorial at Developer
45. AdvancedAJAX 1.1 : at Anakin

Bookmarklets

1. Creating Huge Bookmarklets : Create bookmarklets; bypass various bytes/characters/size restrictions.

Chat

1. Ajax Chat Sources Code for Download : chat using PHP and MySQL
2. Building an AJAX-Based Chat: The Barebones Structure : at DevArticles
3. Lace - Ajax Chat : free web chat application ;demo; download.
4. Most Simple Ajax Chat Ever : at LinuxUser.at

Drag and Drop

1. Drag & Drop Sortable Lists with JavaScript and CSS : sorting for lists and sorting in two dimensions
2. Easy Ajax in symfony : creates a drg-and-drop shopping cart; with demo
3. Building a Drag-and-Drop Shopping Cart with Ajax : at Sys-Con Brasil
4. Scriptaculous Lists with PHP : drag-and-drop at GregPhoto
5. Fun with Drag and Drop with RICO : drag-and-drop with RICO demo
6. Rico Drag n’Drop p2: Rico.Draggable : drag-and-drop with RICO details

Dynamically Content Loading

1. Ajax Dynamic Content : at DHTMLGoodies
2. Dynamically loaded articles : at DHTMLGoodies

Forms and Autocomplete

1. Accessible Forms and Unobtrusive Javascript : at DotVoid
2. Submit a form with Ajax : at CakeBaker
3. Niceforms : at BadBoy
4. Alter data with Ajax forms : at Symphony-Project
5. Ajax Dynamic List : at DHTMLGoodies
6. Chained Select Boxes : at DHTMLGoodies
7. Dynamic Client Lookup : at DHTMLGoodies

File Uploader

1. Better File Uploads with Ajax and JavaServer Faces : file upload with progress-bar; at Java.net

Image/Display/Edit/Gallery/Lightbox/Slideshow

1. Prototype Javascript Lightboxes : window on any page; at Xilinus
2. Lightbox JS : at HuddleTogether
3. Lightbox Gone Wild : at ParticleTree
4. Building aB: Customizing Lightbox : at AlwaysBeta
5. Ajax: What is it Good For? : Ajax powered Fading Image Gallery at DHTML Nirvana.
6. minishowcase : simple php/javascript online photo gallery, powered by AJAX/JSON at frwrd
7. Zen Photo : a simpler web photo album
8. Ajax Image Gallery : ajax gallery demo at StrangerThanFiction
9. Ajax Image Gallery : A very basic Ajax image gallery example
10. S5: A Simple Standards-Based Slide Show System : at MeyerWeb
11. Ajax-S : at RobertNyman
12. Slide Show with Controls : at Zapatec
13. Miniature slideshow for DIVs using Scriptaculous : at BigBold
14. Ajax flickr Slideshow : at Fettig
15. Live Thumbnails: Watch em Grow : at WebMonkey
16. Canvas Reflection Demo : at NeonDragon
17. iPhoto-like image resizing using Javascript : at AgilePartners
18. Ajax Banner Rotation : PHPied
19. Image crop - DHTML user interfaceat DHTMLGoodies

Keyword Suggest

1. Creating an Autosuggest Textbox with JavaScript, Part 1 : at WebReference
2. Creating an Autosuggest Textbox with JavaScript, Part 2 : at WebReference
3. Creating an Autosuggest Textbox with JavaScript, Part 3 : at WebReference
4. How to create the Google Suggest feature with ASP.NET 2.0 : at DotNetJunkies

Live Search

1. HOWTO: Animated Live Search / Ordered List : at OrderedList
2. Live search explained : at JustAddWater

Misc/General

1. Ajax Using ASP.NET 1.1 : Ajax and ASP.NET; at AjaxProjects
2. What Is Ajax? : Ajax and ColdFusion ; at Sys-Con
3. Kick-start your Java apps : Ajax and Java : at IBM
4. Ajax for Java developers: Build dynamic Java applications : at IBM
5. AJAX: Asynchronous Java + XML? : at Developer.com
6. Kick-start your Java apps, Part 2 : Ajax and Java : at IBM
7. AJAX in action : Ajax and Java Technology : 15-minute video on AJAX and Java technology at Sun.com
8. Using JavaServer Faces Technology with AJAX : at Java.net
9. Ajax using XMLHttpRequest and Struts/ : by Frank Zammetti
10. Building a Shelf in WordPress : More-tab-slideout-area tutorial; at Asymptomatic
11. A Tale of Two IFrames or, How To Control Your Browsers History : iframes tutorial; at CodingParadise
12. Saving Session Across Page Loads Without Cookies, On The Client Side : saving state tutorial; at CodingParadise
13. Simple Ajax Functions - Snippets : common functions; at AjaxTutorial
14. Building a Spy : Digg Spy tutorial ; at StromCode
15. Create Your Own Ajax Effects : animated text; at ThinkVitamin
16. XMLHttpRequest Tracing for Ajax debugging : Ajax Debugger

Progress Bars

1. CakeTimer - An Ajax File Uploads Progress Bar : This is a demonstration of an Ajax powered progressbar to monitor file uploads with (Cake)PHP.

Rounded Corner

1. Rico rounded corners without all of Rico : at encytemedia

RSS

1. RSS Ticker with Ajax feed ticker; : at AjaxProjects
2. Simple Ajax RSS ticker script : feed ticker; at DHTMGoodies
3. Slide In RSS items : feed slide in animation; at DHTMGoodies
4. Dragable RSS boxes : drag-and-drop boxes; at DHTMGoodies
5. Ajax RSS reader : at IBM

Shopping Cart

1. Flexstore on Rails Tutorial : by Christophe Coenraets
2. Fly to basket : shopping cart; at DHTMGoodies

Lists/Sorting

1. How to Make Sortable Lists : lists and drag-and-drop- tutorial; at Symphony-Projects
2. Creating sortable lists with PHP and Ajax : at PHPRiot
3. Make all your tables sortable : at Kryogenix

Tabbed Pages

1. Building Tabbed Content : at AjaxLessons
2. Ajax Design Patterns : at Snyke

Trees

1. List based folder tree : at DHTMLGoodies
2. Update a tree with Ajax : at DHTMLGoodies

Username Availability

1. Ajax username availability checking : check username ; at MDGroves

Voting

1. Ajax Poller : at DHTMLGoodies
2. Digg-like Ajax Voting : at Symphony-Project

Enjoy!

Kila Morton

Popularity: 87% [?]

If you enjoyed this post & think other people would enjoy it, please bookmark it!

Related Content

Subscribe to the post comments feeds or Leave a trackback