jQuery - Write less, do more!

  • 1,340 views
Uploaded on

jQuery Präsentation vom 2. Dezember 2008 an der FH St. Pölten

jQuery Präsentation vom 2. Dezember 2008 an der FH St. Pölten

More in: Self Improvement
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,340
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
16
Comments
0
Likes
1

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. jQuery
    • The write less, do more JavaScript Framework
  • 2. Agenda
    • jQuery - Was ist jQuery?
    • jQuery Basics
    • jQuery Plugins
    • jQuery Documentation
  • 3. Was ist jQuery?
    • JavaScript Framework
    • einfache DOM / HTML manipulation
    • Animationen
    • Event handling
    • AJAX
  • 4. Wer ist jQuery?
    • John Resig
    • Barcamp New York
    • derzeit > 20 developers
  • 5. Wie arbeitet jQuery?
    • Find this, do something!
    • $('#message1').show('medium');
    • $('#message1').addClass('alert');
  • 6. $
    • $(CSS Selector)
    • $(Attribute matching)
    • $(XPath)
  • 7. $
    • CSS:
        • $('p');
        • $('p.message');
        • $('#message .text');
        • $('ul#menu > li');
        • $('ul#menu ul');
  • 8. $
    • Attribute Matching:
      • $('img[@alt]');
      • $('a[@href*=google]');
    • Many more: XPath, :eq(n), :gt(n), etc...
  • 9. Learning by doing!
    • http://jquery.jowe.biz
  • 10. $
    • $('#message2') .fadeIn('slow') .addClass('alert');
  • 11. Learning by doing!
    • http://jquery.jowe.biz
  • 12. DOM ready?
    • $(document).ready(function() {
    • // start coding
    • });
  • 13. Was kann jQuery?
    • Animations
      • fadeIn(speed, callback)
      • fadeOut(s, c)
      • hide(s, c)
      • show(s, c)
      • slideDown(s, c)
    slideUp(s, c) toggle(s, c) slideToggle(s, c) fadeTo(s, c) animate(s, c)
  • 14. Was kann jQuery?
    • .children()
    • .children(expression)
    • .parent()
    • .parent(expression)
    • .find(expression)
    • .filter(function)
    • .eq(index)
    • dsad
  • 15. Plugins
    • plugins.jquery.com
    • google.com
  • 16. Documentation
    • docs.jquery.com
    • visualjquery.com
  • 17. Fragen / Anregungen?
  • 18.