Descomplicando o JQuery - Introdução ao Framework

1.526 visualizações

Publicada em

Nesta apresentação faço um overview do principal framework javascript existente no mercado web. O objetivo principal é fazer com que você aprenda e saia com uma base de conhecimento para iniciar a programa

Publicada em: Tecnologia
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.526
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
44
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Descomplicando o JQuery - Introdução ao Framework

  1. 1. Descomplicando o JQuery Introdução ao framework Escreva menos e faça mais !
  2. 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. 3. O que é JQuery ? Page www.jquery.com
  4. 4. Page
  5. 5. Compatibilidade Page
  6. 6. Softwares Page
  7. 7. Frameworks Java Script Page
  8. 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. 9. Pesquisas Page Fonte: link
  10. 10. Segmentos Page Fonte : http://trends.builtwith.com/javascript/jQuery
  11. 11. Download Page http://docs.jquery.com/Downloading_jQuery <ul><li>Google Ajax API CDN (Also supports SSL via HTTPS) </li></ul><ul><ul><li>http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js </li></ul></ul><ul><li>Microsoft CDN (Also supports SSL via HTTPS) </li></ul><ul><ul><li>http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js </li></ul></ul><ul><li>jQuery CDN (via Media Temple ) </li></ul><ul><ul><li>http://code.jquery.com/jquery-1.6.4.min.js Minified version </li></ul></ul><ul><ul><li>http://code.jquery.com/jquery-1.6.4.js Source version </li></ul></ul>
  12. 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. 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. 14. Eventos Page
  15. 15. Page Mão na massa !!
  16. 16. w3schools Page http://www.w3schools.com/jquery/default.asp
  17. 17. Page JQuery Brasil http://jquerybrasil.org/
  18. 18. Page jsPerf http://jsperf.com
  19. 19. Here comes your footer  Page forum.jquery.com/
  20. 20. Page
  21. 21. Page Obrigado. @devpablogp facebook.com/devpablogp [email_address] www.pablogp.com

×