Talk I gave at Ajax Experience West and East 2007.

1. jQuery
Advanced
Ajax Experience - July 2007
John Resig (ejohn.org)

2. jQuery Plugins
• Extend the jQuery system
• Add on extra methods
$(“div”).hideRemove();
• Trivial to implement
jQuery.fn.hideRemove = function(){
return this.hide(“slow”, function(){
jQuery(this).remove();
});
};

3. Plugin Repository
• Hundreds of plugins
• Diverse amounts of functionality
• Widgets
• Language Extensions
• Drag & Drop
• Much more...

4. Building a Wizard
• A non-trivial piece of functionality
• Require dynamic interaction
• Forms
• Events
• Ajax

5. In Come the Plugins...
• BlockUI
http://malsup.com/jquery/block/
• Ajax Forms
http://malsup.com/jquery/form/
• Tabs
http://stilbuero.de/jquery/tabs/

6. Demo

7. Let’s Get Coding!

8. jquery.com
docs.jquery.com - jquery.com/plugins
More:
visualjquery.com
learningjquery.com