This site is archived.

jQuery in Drupal, part 1: jQuery basics

katbailey's picture
Submitted by katbailey on Thu, 06/12/2008 - 20:24.

Session recording

Attached files

Co-presenters: 
Placement
Session time: 
08/29/2008 - 09:00 - 08/29/2008 - 10:30
Conference booklet summary and bio
Article for conference booklet: 
Aware that there is often a lot of confusion in the Drupal community surrounding the topic of jQuery, we have put together a double session that hopes to provide a very comprehensive discussion, including tutorials, of all aspects of this wonderful tool. The first session will look at the fundamentals of jQuery - what it is, what it can do for you, and how to write it. It is intended as a complete introduction and is suitable for module developers and themers alike, who have either never used jQuery before or are looking to take their jQuery know-how to the next level.
Bios for conference booklet: 
Katherine Bailey started working with Drupal in the summer of 2007 when she joined Raincity Studios in Vancouver, Canada. She has a particular interest in the use of jQuery in Drupal, having presented on it at local Drupal meet-ups and camps. She is the author of the popular Quick Tabs module. Stella Power starting using Drupal just over 2 years ago. Since then she has contributed the FAQ and Avatar Selection modules, and is co-maintainer of the popular Lightbox2 and Code Review modules. She is also a keen photographer and ceramic artist. David Eads works with the Chicago Technology Cooperative and has vast amounts of experience using jQuery for client projects, big and small. He was the jQuery lead on www.vocalo.org, a complex social media website for Chicago Public Radio, for which he co-developed a soon-to-be-contributed WYMEditor plugin that allows users to click and drag media from their library to a blog post.

Overview
This is the first of two sessions on the use of jQuery in Drupal and will cover basic jQuery syntax and usage. It will also answer questions such as "Why jQuery?", comparing it with other popular js libraries, and provide visual demonstrations of what can be done with it in Drupal modules.

Agenda
* What is jQuery
* Showcase of jQuery functionality
* How do I use it?
* Debugging JavaScript with Firebug

Goals

By the end of this session, attendees will have an understanding of the power of jQuery to enhance the web experience as well as a thorough grounding in the fundamentals of its syntax and usage.

Resources
No prior knowledge of jQuery is needed for this session but an understanding of JavaScript fundamentals would be advantageous.