JavaScript the Smart Way - Getting started with jQuery
Join us at 6:30pm on Thursday February 28, 2008 at Raincity Studios for the Vancouver League of Drupalers February meeting. This month's feature presentation: JavaScript the Smart Way - Getting started with jQuery with Katherine Bailey of Raincity Studios. Katherine will discuss getting JavaScript goodness into Drupal without a bottle of aspirin.
We'll also have our regular mini-case study segment and general Q&A on any and all things Drupal.
DRUPALCAMP BOOSTERS: If you're interested in organizing a DrupalCamp Vancouver event you're invited to come at 6pm. Background here: http://groups.drupal.org/node/8657
Date: Thursday February 28th, 6:30pm
Location: Raincity Studios, 1 Alexander Street, Suite 400 in Gastown. [Map]
Cost: There is no charge and all are welcome
For those who don't need to leave right away there's typically a more social discussion at a local pub afterwards.
Agenda
JavaScript the Smart Way - Getting started with jQuery
Auto-fill fields, tabs, text-view toggles and animations are just a few of the rich features JavaScript brings to the web experience, along with browser support headaches. But what if there was a way to get the gain without the pain? - It's called jQuery!
Raincity Studios developer and Drupal module contributor Katherine Bailey shares her jQuery insights. Her presentation is aimed at developers, themers, and dabblers with no previous jQuery experience. She'll provide an overview and examples of using jQuery and Ajax in Drupal to enhance usability and provide some spice.
About Raincity: Raincity Studios has a prolific track-record in Drupal theming and development. In addition to the 60+ original designs created over our 5 year history, Raincity has implemented over a dozen themes for SonyBMG (including fan favourites such as KellyClarksonWeb.com and Ozzy.com), the new spreadfirefox.com, community.eharlequin.com, and the forthcoming Spin Magazine relaunch.
Real World Mini-Case Study
A member of the Drupal community does a 10 to 15 minute overview of their site and how it was implemented.
Drupal Q&A
Bring your questions on anything related to Drupal from how to do something technical in PHP to what modules are needed to implement a feature you want.
Location Details
Raincity Studios
Raincity Studios are located at 1 Alexander Street, Suite 400 in Gastown. [Map]
There's a security intercom at the door, so you'll need to buzz to get in. Take the elevator to the top floor, then take the flight of stairs to the floor above that.
Wireless Access
There is a Free the Net wireless access point accessible from the Raincity offices.
Kid's Room
In recognition of people with families the Bryght conference room is available as a kids room. It is next to the presentation area and has glass walls so your kids will always be in sight. We can't provide child-minding or babysitting services - we just provide the room and leave it to you to entertain your kids. We suggest you bring appropriate toys/books/other entertainment.
Drupal Association
We encourage everyone receiving value from Drupal and the Vancouver League of Drupalers to join the Drupal Association: http://association.drupal.org/membership
Not only does this directly support Drupal, it supports the groups.drupal.org website where our group's web presence is based.
Ical feed
Great Stuff
Thanks to Katherine for last night's excellent and informative presentation on javascript, jQuery, AJAX and how they all work with Drupal.
I was wondering whether the slideshow would be put online at all?
I wanted to look in more detail at the bit about 2/3rds of the way through where you talked about passing an arrays of settings, using hook_menu and some other stuff that was over my head a little. Something about drupal.settings and global javascript variables... Does anyone have an example of where drupal.settings is used in practice and how it is executed? Perhaps I use it already in my drupal website but just don't know it!?! I'm interested to learn more!
Cheers then.
Thank you for the great
Thank you for the great presentation Katherine. Just spent a couple minutes playing with jQuery for the first time, and I might be hooked. Further to baronmunchowsen, I'd love to see some of your example snippets again, especially those of the ajaxy variety.
For anyone who is interested, here is the example I just threw together; just drop it into any node!
<?php drupal_add_js("
$(document).ready(function() {
$('p#more').hide();
$('a#link').click(function() {
$('p#more').toggle(400);
return false;
});
});
", 'inline'); ?>
<p>Here is some content. <a href="#" id="link">View more...</a></p>
<p id="more">Here is some more content</p>
slides
Hi All,
I will try to post the slides up in the next couple of days if I get a chance - right now I have to finalise my packing for Boston - sorry, don't mean to rub it in for those who aren't going, I'm just so excited!! :-)
Thanks for coming to the talk and I'm really glad you found it helpful.
Best regards,
Katherine
Greetings from DrupalCon
Greetings from DrupalCon Boston! Right now I'm sitting in the "jQuery and Drupal: a match made in heaven" session by Kyle Browning of Achieve Internet and yesterday evening John Resig himself, jQuery's creator, gave a talk about the future of jQuery. So lots of jQuery goodness to be had here. Anyway, sorry for the delay on this but I've uploaded last week's presentation to SlideShare and you can access it here:
http://www.slideshare.net/katbailey/javascript-the-smart-way-getting-sta...
Katherine