Descomplicando o JQuery - Introdução ao Framework
Transferir como PPS, PDF2 gostaram662 visualizações
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.
![Page Obrigado. @devpablogp facebook.com/devpablogp [email_address] www.pablogp.com](https://image.slidesharecdn.com/apresentacao-111104123637-phpapp02/85/Descomplicando-o-JQuery-Introducao-ao-Framework-21-320.jpg)
Descomplicando o JQuery - Introdução ao Framework
- 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
- 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("window load occurred!"); }); </script> Fonte : http://docs.jquery.com/How_jQuery_Works <script type=“text/javscript”> $(document).ready(function() { alert("document ready occurred!"); }); </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