Your SlideShare is downloading. ×
Idiots guide to jquery
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Idiots guide to jquery

2,208
views

Published on

My slides to my presentation at Webuquerque in August 2010

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,208
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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