Este documento apresenta uma introdução ao jQuery, uma biblioteca JavaScript open-source que simplifica a interação entre HTML e JavaScript. O documento discute o que é jQuery, sua história e origem, como selecionar, manipular e responder a eventos, fazer requisições Ajax, usar plugins e exemplos de aplicações RIA que usam jQuery.

1. Como fazer (+) em Aplicações RIA escrevendo (-) Jaydson Gomes & Felipe Nascimento

2. Apresentação Felipe Nascimento Entusiasta Javascript e PHP Graduando Faculdade Senac Analista Desenvolvedor na Agiplan Serviços Financeiros [email_address] @felipenmoura http://felipenascimento.org

3. Formado pela Faculdade Senac em 2008 4 anos na FGV Empresa atual Ag2 Entusiasta em Javascript e em tecnologias livres Apresentação Jaydson Gomes [email_address] @jaydson http://jaydson.org

4. O que é o jQuery? jQuery === Javascript

5. O que é o jQuery? Uma biblioteca Javascript open-source que simplifica a interação entre o HTML e o Javascript

11. Frameworks / Bibliotecas

12. Porque usar jQuery?

13. Porque usar jQuery? 42% Maio 2009

14. The jQuery Team at the 2009 jQuery Conference Profissionais qualificados envolvidos no core da biblioteca Porque usar jQuery?

15. Ariel Flesler Game Developer John Resig JavaScript Tool Developer at Mozilla Corporation Brandon Aaron Senior Technologist at Nokia Jorn Zaefferer Consultant at maxence integration technologies Porque usar jQuery?

16. Selectors

17. Selectors

18. Selectors

19. Selectors http://docs.jquery.com/Selectors

20. Traversing

21. Traversing http://docs.jquery.com/Traversing

22. Manipulation http://docs.jquery.com/Manipulation

23. Events bind - Adiciona um ou mais Event-Handler para o elemento unbind - Remove um ou mais Event-Handler para o elemento trigger - É um gatilho para um evento one - Mesmo que bind mas será executado apenas uma vez live - Mesmo que bind mas para elementos futuros * http://docs.jquery.com/Events

24. Ajax http://docs.jquery.com/Ajax

26. O que é RIA?

28. O que é RIA? RIA é mais um passo no processo evolutivo da internet É o uso da Internet e das tecnologias disponíveis para criar uma experiência mais intuitiva e eficiente para o usuário RIA é a combinação da interatividade e funcionalidades do Desktop com a abrangência e flexibilidade da Web

29. Aplicações

30. Elementos de uma aplicação RIA Ajax JSON Biblioteca Javascript

31. Asynchronous Javascript And XML Ajax Premissa: Requisições são feitas do cliente ao servidor mesmo após a página ter sido completamente carregada. Ajax não é somente um novo modelo, é também uma iniciativa na construção de aplicações Web mais dinâmicas e criativas. Ajax também não é uma tecnologia, são várias tecnologias conhecidas trabalhando juntas, oferecendo novas funcionalidades. Ajax permite ao desenvolvedor criar interações adicionais ao modelo tradicional.

32. JSON JSON é uma alternativa para XML, ele também exerce o mesmo papel que o XML como formato para transporte de dados. É uma formatação leve de troca de dados. Para seres humanos, é fácil de ler e escrever. Para máquinas, é fácil de interpretar e gerar.

33. Estudo de caso Exemplos do uso de jQuery jQuery Desktop http://desktop.sonspring.com/

34. Estudo de caso Exemplos do uso de jQuery http://www.3site.eu/examples/liquid/ Liquid Effect

36. Estudo de caso Exemplos do uso de jQuery http://www.nicolarizzo.com/gamesroom/flip.html Efeito Flip

37. Estudo de caso Exemplos do uso de jQuery http://robot.anthonycalzadilla.com/

38. Como aprender Javascript / jQuery http://docs.jquery.com/Main_Page

39. Livros

43. Obrigado!