Here are 30 AJAX Tutorials to hone your skills on… Ajax (shorthand for asynchronous JavaScript and XML) is a group of interrelated web development techniques used on the client-side to create interactive web applications. With Ajax, web applications can retrieve data from the server asynchronously in the background without interfering with the display and behavior of the existing page. The use of Ajax techniques has led to an increase in interactive or dynamic interfaces on web pages. Data is usually retrieved using the XMLHttpRequest object. Despite the name, the use of JavaScript and XML is not actually required, nor do the requests need to be asynchronous.
There a many examples of egregious usages of Ajax out there but every once in a while you find a great usage of Ajax. One great usage is the username availability checker. Why make the user submit their form if you can just use Ajax to let them know if it’s available right away? Here’s how you can implement a username available checker using MooTools 1.2.
In this article, you will see several techniques—both with Ajax and without—that demonstrate this context change-free approach to user experience design. Starts with the simplest example of Ajax user experience, the tabbed window.
Learn to build a chat system into your Web application with Asynchronous JavaScript™ + XML (Ajax) and PHP. Your customers can talk to you and to each other about the content of the site without having to download or install any special instant-messaging software.
This tutorial throws you in at the level of building your first ever Ajax application in PHP. So for this one, you need a working knowledge of PHP and a good grasp of programming basics.
In this lesson you’ll go through steps to create an AJAX form, which will return a response JSON which is used to display the success / error messages. You’ll use Jquery Form Plugin to make the process quick and painless.
Vista-like Ajax Calendar (vlaCalendar) version 2, unobtrusive web version of the slick and profound Windows Vista taskbar calendar, by using the MooTools JavaScript framework, Ajax, XHTML, CSS and PHP.
Making users click through multiple pages just to edit a field is so 1999. In this tutorial, you’ll learn how to create an in-place editing system as found on popular sites, such as Flickr.
Build a to-do list that will allow you, or your user, to create, update, and delete items asynchronously. To accomplish our task, we’ll be using PHP and jQuery’s AJAX capabilities.
The page-reload cycle presents one of the biggest usability obstacles in Web application development and is a serious challenge for Java™ developers. In this series, author Philip McCarthy introduces a groundbreaking approach to creating dynamic Web application experiences. Ajax (Asynchronous JavaScript and XML) is a programming technique that lets you combine Java technologies, XML, and JavaScript for Java-based Web applications that break the page-reload paradigm.
If you’re developing Web applications these days, then you’re doing Ajax development. Ajax is no longer something unusual that you add to your applications in special cases. It has become an integral part of Web development. To some, enhancing applications with Ajax used to be a tricky proposition. Cross-browser limitations to deal with, writing a lot of complicated JavaScript, and learning about magic numeric codes within that JavaScript were just a few of the challenges facing Ajax developers. Thankfully, several open source JavaScript libraries are available now to make things much easier. In this first article in a three-part series, you will create an Ajax application for managing songs using the Prototype JavaScript library and script.aculo.us.
Certain vulnerabilities within Ajax applications can allow malicious hackers to reek havoc with your applications. Identity theft, unprotected access to sensitive information, browser crashes, defacement of Web applications, and Denial of Service attacks are just a few of the potential disasters Ajax applications can be prone to and which developers need to guard against when building Ajax capabilities into their applications. Regular developerWorks author Judith Myerson suggests some application-strengthening tools, including Firefox tools and add-ons, which you can use to improve or solve security problems within your Ajax applications.
This tutorial shows how to create a style switcher using jQuery and PHP. The end result will be an unobtrusive & entirely degradable dynamic style switcher which will be quick and easy to implement.
30 AJAX Tutorials For
Web Developers, Anyone!Here are 30 AJAX Tutorials to hone your skills on… Ajax (shorthand for asynchronous JavaScript and XML) is a group of interrelated web development techniques used on the client-side to create interactive web applications. With Ajax, web applications can retrieve data from the server asynchronously in the background without interfering with the display and behavior of the existing page. The use of Ajax techniques has led to an increase in interactive or dynamic interfaces on web pages. Data is usually retrieved using the XMLHttpRequest object. Despite the name, the use of JavaScript and XML is not actually required, nor do the requests need to be asynchronous.
1. Ajax Username Availability Checker Using MooTools 1.2
There a many examples of egregious usages of Ajax out there but every once in a while you find a great usage of Ajax. One great usage is the username availability checker. Why make the user submit their form if you can just use Ajax to let them know if it’s available right away? Here’s how you can implement a username available checker using MooTools 1.2.
2. Ajax and XML: Ajax for tables
In this article, you will see several techniques—both with Ajax and without—that demonstrate this context change-free approach to user experience design. Starts with the simplest example of Ajax user experience, the tabbed window.
3. Introducing the ASP.NET Ajax Frameworks
This article takes a brief look at the features of some of the more widely used ASP.NET Ajax frameworks.
4. How To: AJAXify WordPress Comment Posting
Shows you how to make comments on your WordPress blog step by step.
5. Ajax and XML: Ajax for chat
Learn to build a chat system into your Web application with Asynchronous JavaScript™ + XML (Ajax) and PHP. Your customers can talk to you and to each other about the content of the site without having to download or install any special instant-messaging software.
6. How To Create An Amazing jQuery Style Switcher
This tutorial will show you how to create a style switcher using jQuery and PHP.
7. Introduction to the Raphael JS Library
Introduction to some key design features, a look at animation, DOM, and eventually a cool widget tutorial for your site.
8. Creating a Dynamic Poll with jQuery and PHP
In this tutorial, you’ll make a poll using PHP and XHTML, then use some jQuery Ajax effects to eliminate the need to refresh the page.
9. RSS Ajax JavaScript ticker
This tutorial will show you how to combine RSS, Ajax, JavaScript to create a live ticker RSS.
10. Create a Dynamic Scrolling Content Box Using AJAX
Create a dynamic content box just like Google Reader or DZone.
11. Create a shoutbox using PHP and AJAX (with jQuery)
Learn how to build a momentum-based AJAX shoutbox with jQuery from scratch.
12. Building your first Ajax application with PHP
This tutorial throws you in at the level of building your first ever Ajax application in PHP. So for this one, you need a working knowledge of PHP and a good grasp of programming basics.
13. How To Build Quick and Simple AJAX Forms with JSON Responses
In this lesson you’ll go through steps to create an AJAX form, which will return a response JSON which is used to display the success / error messages. You’ll use Jquery Form Plugin to make the process quick and painless.
14. Vista-like Ajax Calendar version 2
Vista-like Ajax Calendar (vlaCalendar) version 2, unobtrusive web version of the slick and profound Windows Vista taskbar calendar, by using the MooTools JavaScript framework, Ajax, XHTML, CSS and PHP.
15. Create an In-Place Editing System
Making users click through multiple pages just to edit a field is so 1999. In this tutorial, you’ll learn how to create an in-place editing system as found on popular sites, such as Flickr.
16. How to Code a Fun To-Do List With PHP and AJAX
Build a to-do list that will allow you, or your user, to create, update, and delete items asynchronously. To accomplish our task, we’ll be using PHP and jQuery’s AJAX capabilities.
17. AJAX Multiple File Upload Form Using jQuery
Create an AJAXified multiple file upload form that uses a lot lesser server side code and also provides a very nice user interface.
18. 8 Ajax Data Controls and Effects to Work with Tables
Neat way to create spreadsheet like tables for your web projects.
19. Ajax Forms with jQuery
Turn a regular form, into an AJAX Form!
20. Making an Ajax PHP Watermarker Script
In this article you’ll learn how to make Ajax Watermarkers.
21. Use jQuery and ASP.NET AJAX to build a client side Repeater
Build a client-side repeater with .NET and AJAX.
22. Ajax for Java developers: Build dynamic Java applications
The page-reload cycle presents one of the biggest usability obstacles in Web application development and is a serious challenge for Java™ developers. In this series, author Philip McCarthy introduces a groundbreaking approach to creating dynamic Web application experiences. Ajax (Asynchronous JavaScript and XML) is a programming technique that lets you combine Java technologies, XML, and JavaScript for Java-based Web applications that break the page-reload paradigm.
23.Using the Prototype JavaScript library and script.aculo.us
If you’re developing Web applications these days, then you’re doing Ajax development. Ajax is no longer something unusual that you add to your applications in special cases. It has become an integral part of Web development. To some, enhancing applications with Ajax used to be a tricky proposition. Cross-browser limitations to deal with, writing a lot of complicated JavaScript, and learning about magic numeric codes within that JavaScript were just a few of the challenges facing Ajax developers. Thankfully, several open source JavaScript libraries are available now to make things much easier. In this first article in a three-part series, you will create an Ajax application for managing songs using the Prototype JavaScript library and script.aculo.us.
24.Ajax security tools
Certain vulnerabilities within Ajax applications can allow malicious hackers to reek havoc with your applications. Identity theft, unprotected access to sensitive information, browser crashes, defacement of Web applications, and Denial of Service attacks are just a few of the potential disasters Ajax applications can be prone to and which developers need to guard against when building Ajax capabilities into their applications. Regular developerWorks author Judith Myerson suggests some application-strengthening tools, including Firefox tools and add-ons, which you can use to improve or solve security problems within your Ajax applications.
25. PHP components: Autosuggest
Tutorial teaches you how to build a PHP component with auto-suggest feature.
26. Creating An Amazing jQuery Style Switcher with Ajax Techniques
This tutorial shows how to create a style switcher using jQuery and PHP. The end result will be an unobtrusive & entirely degradable dynamic style switcher which will be quick and easy to implement.
27. Easy Ajax with jQuery
Build your first AJAX application with jQuery.
28. AutoCompleter Tutorial – jQuery(Ajax)/PHP/MySQL
A more indepth “search auto-completer”. These are so cool you almost can’t pass them up.
29. Auto-populating Select Boxes using jQuery & AJAX
Allow your users to select a top level category from one select box and to automatically populate the sub-category.
30. Using Ajax to Validate Forms
Another form validation tutorial with AJAX.
Tags: ajax and xml, ajax calendar, ajax chat, ajax client side repeater, ajax data controls, ajax form validation, ajax forms, ajax in-place editing, ajax java applications, ajax jquery, ajax multiple file upload, ajax security, ajax shoutbox, ajax style switcher, Ajax Tutorials, ajax username checker, ajax watermark script, ajax wordpress comments, ajax xml tables, asp.net ajax framework, auto-populating select boxes, autosuggest, dynamic jquery polls, dynamic php polls, dynamic scrolling content ajax, jquery multiple file upload, jquery style switcher, json responses, php ajax application, php shoutbox, Prototype, raphael js library, rss ajax javascript ticker, script.aculo.us, search auto-completer
This entry was posted on February 12, 2010, 2:39 am and is filed under AJAX, JavaScript, Tutorials, Web Design. You can follow any responses to this entry through RSS 2.0. You can leave a response, or trackback from your own site.