Advanced jQuery (Ajax Exp 2007)

949 views
832 views

Published on

Talk I gave at Ajax Experience West and East 2007.

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
949
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
8
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Advanced jQuery (Ajax Exp 2007)

  1. 1. jQuery AdvancedAjax Experience - July 2007 John Resig (ejohn.org)
  2. 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. 3. Plugin Repository• Hundreds of plugins• Diverse amounts of functionality • Widgets • Language Extensions • Drag & Drop • Much more...
  4. 4. Building a Wizard• A non-trivial piece of functionality• Require dynamic interaction • Forms • Events • Ajax
  5. 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. 6. Demo
  7. 7. Let’s Get Coding!
  8. 8. jquery.comdocs.jquery.com - jquery.com/plugins More: visualjquery.com learningjquery.com

×