Advanced jQuery (Ajax Exp 2007)

Advanced jQuery (Ajax Exp 2007)

• 1.
  jQuery Advanced Ajax Experience - July 2007 John Resig (ejohn.org)
• 2.
  jQuery Plugins • Extendthe 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 • Hundredsof 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 thePlugins... • 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