O documento introduz o framework JQuery, permitindo escrever menos código e fazer mais. Explica o que é JQuery, como baixá-lo e usar seus principais recursos como seletores, eventos e manipulação do DOM para simplificar o desenvolvimento front-end.

1. Descomplicando o JQuery Introdução ao framework Escreva menos e faça mais !

2. Page Pablo Garrido é desenvolvedor desde 2008. Trabalha com a criaçao de projetos desde a sua arquitetura até a implantaçao. Atualmente é Gerente de Projetos da empresa Concurso Virtual , a maior empresa de vídeo-aulas on-line para concurso público do Brasil. Já ministrou diversos cursos e palestras sobre desenvolvimento web e atualmente cuida do site PabloGP.com onde escreve artigos sobre tecnologia. Mas quem é Pablo Garrido ?

3. O que é JQuery ? Page www.jquery.com

4. Page

5. Compatibilidade Page

6. Softwares Page

7. Frameworks Java Script Page

8. Números Page Frameworks Sites Jquery MooTools Prototype script.aculo.us YUI 24,656,955 2,344,782 1,275,017 1,140,818 682,977

9. Pesquisas Page Fonte: link

10. Segmentos Page Fonte : http://trends.builtwith.com/javascript/jQuery

11. Download Page http://docs.jquery.com/Downloading_jQuery Google Ajax API CDN (Also supports SSL via HTTPS) http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js Microsoft CDN (Also supports SSL via HTTPS) http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js jQuery CDN (via Media Temple ) http://code.jquery.com/jquery-1.6.4.min.js Minified version http://code.jquery.com/jquery-1.6.4.js Source version

12. Introdução Page <script type=“text/javscript”> $(window).load(function() { alert(&quot;window load occurred!&quot;); }); </script> Fonte : http://docs.jquery.com/How_jQuery_Works <script type=“text/javscript”> $(document).ready(function() { alert(&quot;document ready occurred!&quot;); }); </script>

13. Seletores Page $(“#id_objeto”) $(“.classe_objeto”) CSS2.1 e CSS3 Exemplo JQuery: $(“.divbackground”).css(“background-color”,”#999999”); JavaScript document.getElementById(“id_objeto”).bgColor = “#999999”; Fonte: http://api.jquery.com/category/selectors/

14. Eventos Page

15. Page Mão na massa !!

16. w3schools Page http://www.w3schools.com/jquery/default.asp

17. Page JQuery Brasil http://jquerybrasil.org/

18. Page jsPerf http://jsperf.com

19. Here comes your footer  Page forum.jquery.com/

20. Page

21. Page Obrigado. @devpablogp facebook.com/devpablogp [email_address] www.pablogp.com