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

Like this? Share it with your network

Share

Descomplicando o JQuery - Introdução ao Framework

  • 1,562 views
Uploaded 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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,562
On Slideshare
1,562
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
38
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
    • 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