Studio Session: AJAX Libraries

In class today we'll experiment with open source Javascript and AJAX libraries that provide a variety of functionality for web sites.

AJAX Libraries Studio Exercise

Today you'll be working with the Yahoo! UI library, a free set of CSS and Javascript libraries that can provide a wide range of functionality for your sites.

Create a working folder on your hard drive called "ajax", and then download Yahoo! UI library. Put the resulting yui, you'll have a yui folder inside your ajax folder.

Now use the documentation on the YUI site to experiment with adding animation, drag-and-drop, or other DHTML functionality to a web page.

Make sure to take a look at the documentation for the Yahoo! UI CSS reset files, as well, which are designed to make browsers with different default CSS settings operate in a consistent manner.

When you're done, upload the entire ajax directory (including the yui subdirectory) to your Gibson account, and provide a link to your example page(s) from a blog entry. (If you don't have enough space on your Gibson account, you can try linking to the YUI files remotely; I find that sometimes works. If not, just make sure you document what you tried to do.)