We already provided you with some of the top AJAX tutorials in the past, but there are many more that can help you implement the technology into your designs. Here are seven more AJAX tutorials that should be useful for beginners and more experienced users alike.
This tutorial gets listed first because itís a must-read for anyone jumping into AJAX or looking to brush up their skills in the technology. Thereís a host of background information on AJAX, as well as tips on how to implement it properly in your websites or applications. You could go straight to the other tutorials and give them a shot, but why not get well-versed in the subject first? Some of the practices discussed include utilizing proper events and callback functions, using proper animations, using a proper IDE, and more. Reading through this tutorial and its supplementary links will give you a solid foundation to build on with future AJAX projects.
URL shortening services seem to have a strong presence on the web as of late. They help to create clean and concise URLs out of ones that are excessively long. This is a great help on sites like Twitter, where less is more. One of the most popular URL shortening services is Bit.ly, and this tutorial shows you how to create your own AJAX web app via a combination of the bit.ly API, or application programming interface, and the jQuery library.
Itís impossible to deny the power of Twitter, as the social network has spread through the web like wildfire. Twitter lists allow users to create a concise list of the siteís members so that others can begin to follow them in one quick swoop. This feature provides some nice functionality, as you can create lists and put them as a sidebar on your profile for others to join. All they need to do is enter their Twitter username.
The tutorial shows you how to create your own Twitter list using XHTML, CSS, jQuery, AJAX, and PHP. As you read through, you will notice that the author mentions changes to Twitterís APIs that nullify some of the steps. To get the final result, however, just scroll down to the comment section, as one of the siteís visitors added an updated solution to make it work.
If you are tired of having Post-it notes plastered all over your desk, why not create some of your own, but in a virtual manner? This tutorial will show you just how to do so. The end result is a sticky note management system that is AJAX-enabled. A couple of perks with the note system include the ability to create notes with a real-time live preview, as well as the ability to move the notes around the screen to keep things organized. Another nice touch is the choice of three different colors for the notes. All movements are sent to the back-end through AJAX. The movements/positions are also saved in the database.
The tutorial is rather simple and does not take a lot of time to complete. Some CSS is thrown in towards the end to add styling to the notes with the text-shadow property, among others. It may not be the most complex tutorial around, but it can add a little dynamic functionality to your site that can be fun to play around with.
The tutorial is concise and easy to follow. If you arenít in the mood for going through the entire process to add AJAX comments to your site, the author created the WDP AJAX Comments plugin which automates the process for you. The plugin should come in handy if you modify your blogís theme on a frequent basis.