jQuery for Designers and Themers

Day: 
Saturday 22nd January
Time Slot: 
9:00 - 9:45am
Room: 
PreviousNext Room 1
Presenter(s)
bevan's picture
Bevan Rudge
Attending
boabjohn's picture
sunil.patel's picture
Sammy's picture
yogikbh's picture
paul.hamilton's picture
Pankaj's picture
mcorbenster's picture
nathan's picture
bejames's picture
Sheree's picture
Adam Johnstone's picture
taylor.robert.johnson's picture
Skill Level: 
Beginner
Skill Level: 
Intermediate
Topics: 
Theming

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;
  }

This session is based on the jQuery for Designers and Themers theme, which was created and upgraded for previous Drupal events where I gave this session or variations of it. Based on audience feedback from those sessions, I have refined the session content and adapted it.

Links:

QLD FLOODS: DrupalDownunder update.