Today's Topic: Advanced Javascript & DHTML

Now that you’ve got the basics of Javascript down, we’ll start using it to manipulate CSS objects—turning them on and off, moving them around the screen, etc. When we combine those two technologies, that’s called DHTML, or Dynamic HTML.

This will let us build interesting and useful tools for navigation, site-skinning, and the like.

Advanced Javascript & DHTML Resources

In class, we’ll be working through the “Revenge of the Menu Bar” DHTML tutorial on BrainJar. This is one of a number of excellent tutorials on the site.

The BrainJar site also has excellent introductions to the Document Object Model and the DOM Event Model, which are useful if you’re going to write your own DHTML scripts.

I’ve also linked to a number of DHTML and Javascript resources over on del.icio.us.

As promised, here’s the link to the CSS Selectors guide I mentioned in class.

In-Class Exercises: Javascript & DHTML

In addition to the menu bar tutorial, you should try writing your own search engine bookmarklet, using the bookmarklet tutorial on Doc Javascript.