IBM - Apresentando jQuery

3,005 views
2,946 views

Published on

Apresentando jQuery
Local: IBM Brasil

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,005
On SlideShare
0
From Embeds
0
Number of Embeds
1,421
Actions
Shares
0
Downloads
36
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

IBM - Apresentando jQuery

  1. 1. jQuery <ul><li>“ write less, do more” </li></ul>
  2. 2. Duas partes http:// www.estatuaslimitededition.com/dc-direct-f8/lancamento-dc-direct-two-face-busto-12-t1739.htm
  3. 3. #1 Um pouco de Javascript
  4. 6. Erros encontrados Javascript Obstrusivo Código não é cross-browser
  5. 10. Seu código precisa ser Cross-browser
  6. 11. Cross-browser
  7. 12. Se não encontrar “id”, busca por “name”! (IE6)
  8. 13. Cadê o “id”?
  9. 14. http://techgamesblog.com/happy-computer-shopping/
  10. 15. #2 jQuery
  11. 16. O que é? <ul><li>An open source JavaScript library that simplifies the interaction between HTML and JavaScript. </li></ul>
  12. 17. Quem usa? IBM MSNBC Amazon AOL Technorati Drupal Wordpress Digg BBC SourceForge Intuit Salesforce FeedBurner WB Records entre outros ...
  13. 18. Por que jQuery?
  14. 20. Features <ul><li>Events (click, hover, change..) </li></ul><ul><li>DOM Manipulation (append, remove..) </li></ul><ul><li>Effects (hide, show, fadeOut..) </li></ul><ul><li>Ajax (load, get, post..) </li></ul>
  15. 21. Como usar?
  16. 22. 1º Encontre um elemento 2º Faça algo com ele
  17. 23. Seletores $(“#div”) $(“.class”) $(“element”)
  18. 26. Seletores $(“#mydiv, .class, element ”)
  19. 27. Métodos jQuery Adicionando elementos: append(), before(), after().. Atributos: css(), attr(), html(), val(), addClass().. Eventos: bind(), trigger(), unbind(), click().. Efeitos: show(), fadeOut(), toggle().. DOM: find(), is(), prevAll(), next(), hasClass().. Ajax: get(), post(), getJson(), load(), ajax()..
  20. 28. Métodos jQuery
  21. 29. Manipulando o DOM Contexto
  22. 30. Métodos encadeados Adiciona uma classe css ao div Faz com que o div desapareça devagar
  23. 31. Efeitos (hide, show, fadeOut, fadeIn..)
  24. 32. Ajax
  25. 34. Plugin http://omundoemumajanela.blogspot.com/2010/09/lego.html
  26. 35. D on`t R epeat Y ourself
  27. 36. Criando um plugin $('p').myplugin(); Encontre todos os elementos “ p” e aplique o “myplugin”.
  28. 38. jquery.myplugin.js
  29. 39. jQueryUI
  30. 40. Ferramentas para Testes Teste Unitário
  31. 41. Ferramentas para Testes https://github.com/velesin/jasmine-jquery BDD
  32. 42. Alguns livros…
  33. 43. Alguns links úteis
  34. 48. Obrigado!

×