jQuery for Designers & Themers

Small non-intrusive animations and interactions can greatly enhance the user experience and impress website visitors and clients. jQuery and jQuery UI make it easy to add these enhancements with very little knowledge of javascript or programming. Learn how!

No understanding of jQuery, javascript, programming or even Drupal theming is required. It is expected that attendees have an understanding of CSS selectors and how HTML elements are nested within each other to build a "tree" (aka "DOM"). This should make some sense (perhaps not complete sense) to you:

#page #content > p a.read_more {}

Some understanding of very basic programming concepts will be useful for the more advanced parts of the session, but is not expected. I.e.

  // Declare a function called "calculateCircleArea",
  // which accepts a parameter "radius".
  function calculateCircleArea(radius) {
    // Declare a variable called "area".
    var area;
    // The area variable is now NULL.
    // Now assign a value to area.
    // area becomes 2 times pi times radius.
    area = 2 * 3.142 * radius;
    // The area variable is now 2πr ("two-pi-R").
    // Functions usually return something.
    return area;
Experience level: