Your SlideShare is downloading. ×
0
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Descomplicando o JQuery - Introdução ao Framework

1,299

Published on

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 …

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

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,299
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
44
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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 <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. 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

×