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

on

  • 1,527 views

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

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

Statistics

Views

Total Views
1,527
Views on SlideShare
1,527
Embed Views
0

Actions

Likes
1
Downloads
38
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Descomplicando o JQuery - Introdução ao Framework Presentation 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