jQuery simplifica a interação entre HTML e JavaScript permitindo "escrever menos e fazer mais". Oferece seletores, métodos para manipular o DOM, eventos, efeitos e Ajax de forma simples e cross-browser. Plugins podem ser criados para estender suas funcionalidades.

1. jQuery “ write less, do more”

2. Duas partes http:// www.estatuaslimitededition.com/dc-direct-f8/lancamento-dc-direct-two-face-busto-12-t1739.htm

3. #1 Um pouco de Javascript

6. Erros encontrados Javascript Obstrusivo Código não é cross-browser

10. Seu código precisa ser Cross-browser

11. Cross-browser

12. Se não encontrar “id”, busca por “name”! (IE6)

13. Cadê o “id”?

14. http://techgamesblog.com/happy-computer-shopping/

15. #2 jQuery

16. O que é? An open source JavaScript library that simplifies the interaction between HTML and JavaScript.

17. Quem usa? IBM MSNBC Amazon AOL Technorati Drupal Wordpress Digg BBC SourceForge Intuit Salesforce FeedBurner WB Records entre outros ...

18. Por que jQuery?

20. Features Events (click, hover, change..) DOM Manipulation (append, remove..) Effects (hide, show, fadeOut..) Ajax (load, get, post..)

21. Como usar?

22. 1º Encontre um elemento 2º Faça algo com ele

23. Seletores $(“#div”) $(“.class”) $(“element”)

26. Seletores $(“#mydiv, .class, element ”)

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()..

28. Métodos jQuery

29. Manipulando o DOM Contexto

30. Métodos encadeados Adiciona uma classe css ao div Faz com que o div desapareça devagar

31. Efeitos (hide, show, fadeOut, fadeIn..)

32. Ajax

34. Plugin http://omundoemumajanela.blogspot.com/2010/09/lego.html

35. D on`t R epeat Y ourself

36. Criando um plugin $('p').myplugin(); Encontre todos os elementos “ p” e aplique o “myplugin”.

38. jquery.myplugin.js

39. jQueryUI

40. Ferramentas para Testes Teste Unitário

41. Ferramentas para Testes https://github.com/velesin/jasmine-jquery BDD

42. Alguns livros…

43. Alguns links úteis

48. Obrigado!