SlideShare uma empresa Scribd logo
1 de 21
Descomplicando o JQuery Introdução ao framework Escreva menos e faça mais !
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 ?
O que é JQuery ? Page  www.jquery.com
Page
Compatibilidade Page
Softwares Page
Frameworks Java Script Page
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
Pesquisas Page  Fonte:  link
Segmentos Page  Fonte :  http://trends.builtwith.com/javascript/jQuery
Download Page  http://docs.jquery.com/Downloading_jQuery ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
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>
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/
Eventos Page
Page  Mão na massa !!
w3schools Page  http://www.w3schools.com/jquery/default.asp
Page  JQuery Brasil http://jquerybrasil.org/
Page  jsPerf http://jsperf.com
Here comes your footer     Page  forum.jquery.com/
Page
Page  Obrigado. @devpablogp facebook.com/devpablogp [email_address] www.pablogp.com

Mais conteúdo relacionado

Mais procurados

AngularJS Abraçando o MVC Client-Side
AngularJS Abraçando o MVC Client-SideAngularJS Abraçando o MVC Client-Side
AngularJS Abraçando o MVC Client-SideSergio Azevedo
 
A vida além do jQuery
A vida além do jQueryA vida além do jQuery
A vida além do jQueryPaulo Pires
 
O Mágico mundo de Web Components
O Mágico mundo de Web ComponentsO Mágico mundo de Web Components
O Mágico mundo de Web ComponentsMateus Ortiz
 
Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)
Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)
Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)Evandro Klimpel Balmant
 
Desenvolvimento Do jQuery Light Box Plugin ao vivo
Desenvolvimento Do jQuery Light Box Plugin ao vivoDesenvolvimento Do jQuery Light Box Plugin ao vivo
Desenvolvimento Do jQuery Light Box Plugin ao vivoLeandrinho Vieira
 
Primeiros passos no Vue.js
Primeiros passos no Vue.jsPrimeiros passos no Vue.js
Primeiros passos no Vue.jsJoel Rodrigues
 
A evolução do AngularJS
A evolução do AngularJSA evolução do AngularJS
A evolução do AngularJSRodrigo Branas
 
Melhores Práticas Web Components
Melhores Práticas Web ComponentsMelhores Práticas Web Components
Melhores Práticas Web ComponentsMateus Ortiz
 
Offline Web com Service Workers - Sérgio Lopes
Offline Web com Service Workers - Sérgio LopesOffline Web com Service Workers - Sérgio Lopes
Offline Web com Service Workers - Sérgio LopesCaelum
 
Mitos e-verdades-pvc-flexivel
Mitos e-verdades-pvc-flexivelMitos e-verdades-pvc-flexivel
Mitos e-verdades-pvc-flexivel46vbeng
 
Jquery - Dicas e Truques
Jquery - Dicas e TruquesJquery - Dicas e Truques
Jquery - Dicas e TruquesLambda 3
 
Criando aplicações Single-Page com AngularJS
Criando aplicações Single-Page com AngularJSCriando aplicações Single-Page com AngularJS
Criando aplicações Single-Page com AngularJSRodrigo Branas
 
Destruindo com AJAX: evitando o apocalipse - riojs
Destruindo com AJAX: evitando o apocalipse - riojsDestruindo com AJAX: evitando o apocalipse - riojs
Destruindo com AJAX: evitando o apocalipse - riojsHugo Roque
 
jQuery Mobile - Aplicações móveis com Javascript
jQuery Mobile - Aplicações móveis com JavascriptjQuery Mobile - Aplicações móveis com Javascript
jQuery Mobile - Aplicações móveis com JavascriptLuiz Oliveira
 
Iniciando com jQuery
Iniciando com jQueryIniciando com jQuery
Iniciando com jQueryTiago Butzke
 

Mais procurados (20)

AngularJS Abraçando o MVC Client-Side
AngularJS Abraçando o MVC Client-SideAngularJS Abraçando o MVC Client-Side
AngularJS Abraçando o MVC Client-Side
 
A vida além do jQuery
A vida além do jQueryA vida além do jQuery
A vida além do jQuery
 
Curso AngularJS - Parte 1
Curso AngularJS - Parte 1Curso AngularJS - Parte 1
Curso AngularJS - Parte 1
 
O Mágico mundo de Web Components
O Mágico mundo de Web ComponentsO Mágico mundo de Web Components
O Mágico mundo de Web Components
 
Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)
Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)
Interfaces Ricas para WEB com jQuery e jQueryUI (User Interface)
 
Desenvolvimento Do jQuery Light Box Plugin ao vivo
Desenvolvimento Do jQuery Light Box Plugin ao vivoDesenvolvimento Do jQuery Light Box Plugin ao vivo
Desenvolvimento Do jQuery Light Box Plugin ao vivo
 
JQuery
JQueryJQuery
JQuery
 
Primeiros passos no Vue.js
Primeiros passos no Vue.jsPrimeiros passos no Vue.js
Primeiros passos no Vue.js
 
A evolução do AngularJS
A evolução do AngularJSA evolução do AngularJS
A evolução do AngularJS
 
Melhores Práticas Web Components
Melhores Práticas Web ComponentsMelhores Práticas Web Components
Melhores Práticas Web Components
 
Offline Web com Service Workers - Sérgio Lopes
Offline Web com Service Workers - Sérgio LopesOffline Web com Service Workers - Sérgio Lopes
Offline Web com Service Workers - Sérgio Lopes
 
Mitos e-verdades-pvc-flexivel
Mitos e-verdades-pvc-flexivelMitos e-verdades-pvc-flexivel
Mitos e-verdades-pvc-flexivel
 
Jquery - Dicas e Truques
Jquery - Dicas e TruquesJquery - Dicas e Truques
Jquery - Dicas e Truques
 
Apresentação JQuery
Apresentação JQueryApresentação JQuery
Apresentação JQuery
 
Html5 workshop
Html5 workshopHtml5 workshop
Html5 workshop
 
Criando aplicações Single-Page com AngularJS
Criando aplicações Single-Page com AngularJSCriando aplicações Single-Page com AngularJS
Criando aplicações Single-Page com AngularJS
 
Curso AngularJS - Parte 2
Curso AngularJS - Parte 2Curso AngularJS - Parte 2
Curso AngularJS - Parte 2
 
Destruindo com AJAX: evitando o apocalipse - riojs
Destruindo com AJAX: evitando o apocalipse - riojsDestruindo com AJAX: evitando o apocalipse - riojs
Destruindo com AJAX: evitando o apocalipse - riojs
 
jQuery Mobile - Aplicações móveis com Javascript
jQuery Mobile - Aplicações móveis com JavascriptjQuery Mobile - Aplicações móveis com Javascript
jQuery Mobile - Aplicações móveis com Javascript
 
Iniciando com jQuery
Iniciando com jQueryIniciando com jQuery
Iniciando com jQuery
 

Semelhante a Descomplicando o JQuery - Introdução ao Framework

Criando plugins jQuery
Criando plugins jQueryCriando plugins jQuery
Criando plugins jQueryRicardo Coelho
 
JSF 2.0 e ScrumToys
JSF 2.0 e ScrumToysJSF 2.0 e ScrumToys
JSF 2.0 e ScrumToysDr. Spock
 
Como fazer mais em aplicações RIA escrevendo menos
Como fazer mais em aplicações RIA escrevendo menosComo fazer mais em aplicações RIA escrevendo menos
Como fazer mais em aplicações RIA escrevendo menosJaydson Gomes
 
Como Fazer (+) Em AplicaçõEs Ria Escrevendo ( )
Como Fazer (+) Em AplicaçõEs Ria Escrevendo ( )Como Fazer (+) Em AplicaçõEs Ria Escrevendo ( )
Como Fazer (+) Em AplicaçõEs Ria Escrevendo ( )Felipe Nascimento
 
Desenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo ToolkitDesenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo ToolkitFlávio Lisboa
 
Desenvolvedor mobile precisa aprender Web
Desenvolvedor mobile precisa aprender Web Desenvolvedor mobile precisa aprender Web
Desenvolvedor mobile precisa aprender Web Jean Carlo Emer
 
Javascript levado a serio
Javascript levado a serioJavascript levado a serio
Javascript levado a serioJaydson Gomes
 
Jquery - Apresentação e aplicação prática
Jquery - Apresentação e aplicação práticaJquery - Apresentação e aplicação prática
Jquery - Apresentação e aplicação práticaTeles Maciel
 
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Daniel Makiyama
 
JSF 2.0 e ScrumToys
JSF 2.0 e ScrumToysJSF 2.0 e ScrumToys
JSF 2.0 e ScrumToysDr. Spock
 
TDC - Técnicas e recursos para desenvolvimento web em cenários de grande escala
TDC - Técnicas e recursos para desenvolvimento web em cenários de grande escalaTDC - Técnicas e recursos para desenvolvimento web em cenários de grande escala
TDC - Técnicas e recursos para desenvolvimento web em cenários de grande escalaCleber Dantas
 
Introduzindo StimulusJS: o novo Framework JavaScript para Ruby On Rails.
Introduzindo StimulusJS: o novo Framework JavaScript para Ruby On Rails.Introduzindo StimulusJS: o novo Framework JavaScript para Ruby On Rails.
Introduzindo StimulusJS: o novo Framework JavaScript para Ruby On Rails.Sergio Lima
 
JSF2 c/ PrimeFaces, RichFaces e ICEfaces
JSF2 c/ PrimeFaces, RichFaces e ICEfacesJSF2 c/ PrimeFaces, RichFaces e ICEfaces
JSF2 c/ PrimeFaces, RichFaces e ICEfacesEder Magalhães
 
JSF 2.0: Uma Evolução nas Interfaces Web com Java
JSF 2.0: Uma Evolução nas Interfaces Web com JavaJSF 2.0: Uma Evolução nas Interfaces Web com Java
JSF 2.0: Uma Evolução nas Interfaces Web com JavaDr. Spock
 
Desenhando aplicativos ricos para Web com jQuery
Desenhando aplicativos ricos para Web com jQueryDesenhando aplicativos ricos para Web com jQuery
Desenhando aplicativos ricos para Web com jQueryCarlos Eduardo Alves
 
jQuery: Write less, do more
jQuery: Write less, do morejQuery: Write less, do more
jQuery: Write less, do morehfsantos
 
Automação de Teste em Front End - Caipira Ágil
Automação de Teste em Front End - Caipira ÁgilAutomação de Teste em Front End - Caipira Ágil
Automação de Teste em Front End - Caipira ÁgilElias Nogueira
 

Semelhante a Descomplicando o JQuery - Introdução ao Framework (20)

Criando plugins jQuery
Criando plugins jQueryCriando plugins jQuery
Criando plugins jQuery
 
JSF 2.0 e ScrumToys
JSF 2.0 e ScrumToysJSF 2.0 e ScrumToys
JSF 2.0 e ScrumToys
 
Como fazer mais em aplicações RIA escrevendo menos
Como fazer mais em aplicações RIA escrevendo menosComo fazer mais em aplicações RIA escrevendo menos
Como fazer mais em aplicações RIA escrevendo menos
 
Como Fazer (+) Em AplicaçõEs Ria Escrevendo ( )
Como Fazer (+) Em AplicaçõEs Ria Escrevendo ( )Como Fazer (+) Em AplicaçõEs Ria Escrevendo ( )
Como Fazer (+) Em AplicaçõEs Ria Escrevendo ( )
 
Desenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo ToolkitDesenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo Toolkit
 
Desenvolvedor mobile precisa aprender Web
Desenvolvedor mobile precisa aprender Web Desenvolvedor mobile precisa aprender Web
Desenvolvedor mobile precisa aprender Web
 
Javascript levado a serio
Javascript levado a serioJavascript levado a serio
Javascript levado a serio
 
O poder das Progressive Web Apps
O poder das Progressive Web AppsO poder das Progressive Web Apps
O poder das Progressive Web Apps
 
Jquery - Apresentação e aplicação prática
Jquery - Apresentação e aplicação práticaJquery - Apresentação e aplicação prática
Jquery - Apresentação e aplicação prática
 
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
 
JSF 2.0 e ScrumToys
JSF 2.0 e ScrumToysJSF 2.0 e ScrumToys
JSF 2.0 e ScrumToys
 
Google apps script - Parte 2
Google apps script - Parte 2Google apps script - Parte 2
Google apps script - Parte 2
 
TDC - Técnicas e recursos para desenvolvimento web em cenários de grande escala
TDC - Técnicas e recursos para desenvolvimento web em cenários de grande escalaTDC - Técnicas e recursos para desenvolvimento web em cenários de grande escala
TDC - Técnicas e recursos para desenvolvimento web em cenários de grande escala
 
W2py pyconpe
W2py pyconpeW2py pyconpe
W2py pyconpe
 
Introduzindo StimulusJS: o novo Framework JavaScript para Ruby On Rails.
Introduzindo StimulusJS: o novo Framework JavaScript para Ruby On Rails.Introduzindo StimulusJS: o novo Framework JavaScript para Ruby On Rails.
Introduzindo StimulusJS: o novo Framework JavaScript para Ruby On Rails.
 
JSF2 c/ PrimeFaces, RichFaces e ICEfaces
JSF2 c/ PrimeFaces, RichFaces e ICEfacesJSF2 c/ PrimeFaces, RichFaces e ICEfaces
JSF2 c/ PrimeFaces, RichFaces e ICEfaces
 
JSF 2.0: Uma Evolução nas Interfaces Web com Java
JSF 2.0: Uma Evolução nas Interfaces Web com JavaJSF 2.0: Uma Evolução nas Interfaces Web com Java
JSF 2.0: Uma Evolução nas Interfaces Web com Java
 
Desenhando aplicativos ricos para Web com jQuery
Desenhando aplicativos ricos para Web com jQueryDesenhando aplicativos ricos para Web com jQuery
Desenhando aplicativos ricos para Web com jQuery
 
jQuery: Write less, do more
jQuery: Write less, do morejQuery: Write less, do more
jQuery: Write less, do more
 
Automação de Teste em Front End - Caipira Ágil
Automação de Teste em Front End - Caipira ÁgilAutomação de Teste em Front End - Caipira Ágil
Automação de Teste em Front End - Caipira Ágil
 

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