Idiots guide to jquery

2,560 views

Published on

My slides to my presentation at Webuquerque in August 2010

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,560
On SlideShare
0
From Embeds
0
Number of Embeds
232
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Idiots guide to jquery

  1. 1. An iDiots gUide to jQuery Mark Casias markie@teampoop.com @teampoopThursday, August 12, 2010
  2. 2. What is jQueryThursday, August 12, 2010
  3. 3. Why jQuery Small footprint Easy to read documents large community popular open sourceThursday, August 12, 2010
  4. 4. sElecting iTems Simple CSS Selectors $(“#id”) Cascading $(“body div.fred p.alt”) xpath compatability $(“input[name=‘betty’]”)Thursday, August 12, 2010
  5. 5. $(“#the_id”) != document.getElementById(‘the_id’)Thursday, August 12, 2010
  6. 6. $.fn.get(0) == document.getElementById(‘the_id’)Thursday, August 12, 2010
  7. 7. What do I mean by $.fn? $(“#this_statement”)Thursday, August 12, 2010
  8. 8. mAnipulating iTems add/remove classes insert/append content update text/HTML repositionThursday, August 12, 2010
  9. 9. Dealing with Events Click / Drag / Submit.. All the stars 3 ways to add actionsThursday, August 12, 2010
  10. 10. AJAX! Load data directly into object with $.fn.load(‘url’) Pass data objects to server Returns various data typesThursday, August 12, 2010
  11. 11. jQuery UI Tools to help your User Interface Obviously named Themed sitesThursday, August 12, 2010
  12. 12. Theme Roller! jqueryui.com/themeroller modifies the whole sites look packages base jquery and ui components makes your life easierThursday, August 12, 2010
  13. 13. Obligatory Cute AnimalThursday, August 12, 2010
  14. 14. jQuery uI Tabs Dialog Boxes (LightBox) Date Pickers Accordions AutocompleteThursday, August 12, 2010
  15. 15. Buttons New to 1.8 Consistent User InterfaceThursday, August 12, 2010
  16. 16. PositioningThursday, August 12, 2010
  17. 17. Third Party Plug-ins User created. Completely open source 9/10 Something you want is already done plugins.jquery.comThursday, August 12, 2010
  18. 18. oTher lIbraries Prototype YUI (Yahoooooooo) Sencha (formerly EXT JS) MooToolsThursday, August 12, 2010
  19. 19. Resources jquery.com & jqueryui.com jQuery Fundamentals (jqfundamentals.com) YayQuery Podcast Multiple books and more!Thursday, August 12, 2010
  20. 20. Resources jquery.com & jqueryui.com jQuery Fundamentals (jqfundamentals.com) YayQuery Podcast Multiple books and more! And Me!Thursday, August 12, 2010
  21. 21. Thanks Photos blatantly lifted from dailysquee.comThursday, August 12, 2010

×