SlideShare uma empresa Scribd logo
1 de 15
Faculdade de Informática de Ouro Preto do Oeste  FiOuro Introdução aJquery
JQuery O jQuery é uma biblioteca JavaScript disponibilizada como Software Livre, ou seja, pode ser utilizado tanto em aplicações pessoais como empresariais de modo gratuito. Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
Vantagens É um produto sério; Estável; Funciona em qualquer Navegador(Cross-Browser); Bem documentado, e  Com uma grande equipe de desenvolvedores encarregados da melhora e atualização do framework.
O que é possível implementar com o jquery: animações,  efeitos,  manipulação de eventos JavaScript,  percorrer documentos HTML,  adicionar CSS,  Texto,  validar formulários,  interagir com Ajax,  Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
JQuery ,[object Object],Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
JQuery jQuery veio para mudar a maneira em que você escreve JavaScript, pois milhares de linhas de código, poderão se resumir em apenas uma linha de fácil entendimento. "Até quem não sabe programar, programa com jQuery", por isso, seu lema é : "Escreva menos, faça mais!" (Write Less, Do More). Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
jQuery foi desenvolvido inicialmente por John Resig  que é um profundo conhecedor da linguagem JavaScript, e queria fazer com que o modo de escrever códigos para adicionar pequenos efeitos em páginas, fosse mais simples para o desenvolvedor de websites: "Porque submeter os desenvolvedores a escrever longos e complexos códigos para adicionar simples efeitos?". JQuery Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
John Resig Foi o criador do livro Pro JavaScriptTechniques e atualmente trabalha duro no seu segundo livro, chamado SecretsoftheJavaScript Ninja. Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
Comunidade jquery Brasileira que está crescendo: http://www.jquerybrasil.org/ Oficial: http://www.jquery.com
Exemplo de código	 <script type="text/javascript" charset="UTF-8" src="js/jquery-1.3.1.min.js"></script> $(document).ready(function(){  $("body").text("Este é meu primeiro texto com jQuery"); }); Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
Exemplo de código	 Auto Completar:     var availableTags = [      "jQuery", "Feevale" ]; $( "#tags" ).autocomplete({                  source: availableTags }); Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
Na Pratica Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
Na pratica Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
Referências http://www.jquery.com http://www.jquerybrasil.com http://www.criarweb.com/artigos/introducao-jquery.html http://www.ronaldorigoni.com.br/category/jquery/?lang=pt Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
Acadêmicos do 8º Período Flaviana Rodrigues Kassiano Henrique de Oliveira Pretto VivielyHammer Professor Vagner Schoaba 15

Mais conteúdo relacionado

Mais procurados

Material Design simples e rapido com AngularJS
Material Design simples e rapido com AngularJSMaterial Design simples e rapido com AngularJS
Material Design simples e rapido com AngularJSHenrique Limas
 
Apresentação AngularJS - Angular UI
Apresentação AngularJS - Angular UIApresentação AngularJS - Angular UI
Apresentação AngularJS - Angular UICecília Rosa
 
React - Biblioteca Javascript para criação de UI
React - Biblioteca Javascript para criação de UIReact - Biblioteca Javascript para criação de UI
React - Biblioteca Javascript para criação de UICleiton Francisco
 
O futuro dos WebApps com AngularJS 2.0
O futuro dos WebApps com AngularJS 2.0O futuro dos WebApps com AngularJS 2.0
O futuro dos WebApps com AngularJS 2.0Wilson Mendes
 
Performance com AngularJS
Performance com AngularJSPerformance com AngularJS
Performance com AngularJSWilson Mendes
 
VueJS - Uma alternativa elegante
VueJS - Uma alternativa eleganteVueJS - Uma alternativa elegante
VueJS - Uma alternativa eleganteJonathan Bijos
 
AngularJS - Just Digital
AngularJS - Just DigitalAngularJS - Just Digital
AngularJS - Just DigitalJust Digital
 
Diego Narducci - React + Angular
Diego Narducci - React + AngularDiego Narducci - React + Angular
Diego Narducci - React + AngularDiego Narducci
 
Introdução ao AngularJS
Introdução ao AngularJSIntrodução ao AngularJS
Introdução ao AngularJSRodrigo Branas
 
Vue.js - o framework progressivo
Vue.js - o framework progressivoVue.js - o framework progressivo
Vue.js - o framework progressivoVinicius Reis
 

Mais procurados (20)

Material Design simples e rapido com AngularJS
Material Design simples e rapido com AngularJSMaterial Design simples e rapido com AngularJS
Material Design simples e rapido com AngularJS
 
Apresentação AngularJS - Angular UI
Apresentação AngularJS - Angular UIApresentação AngularJS - Angular UI
Apresentação AngularJS - Angular UI
 
Introdução Vue JS
Introdução Vue JSIntrodução Vue JS
Introdução Vue JS
 
Introdução ao AngularJS!
Introdução ao AngularJS!Introdução ao AngularJS!
Introdução ao AngularJS!
 
React - Biblioteca Javascript para criação de UI
React - Biblioteca Javascript para criação de UIReact - Biblioteca Javascript para criação de UI
React - Biblioteca Javascript para criação de UI
 
Protractor
ProtractorProtractor
Protractor
 
Selenium - WebDriver
Selenium - WebDriverSelenium - WebDriver
Selenium - WebDriver
 
Javascript para adultos
Javascript para adultosJavascript para adultos
Javascript para adultos
 
O futuro dos WebApps com AngularJS 2.0
O futuro dos WebApps com AngularJS 2.0O futuro dos WebApps com AngularJS 2.0
O futuro dos WebApps com AngularJS 2.0
 
Visão Geral sobre Angular JS
Visão Geral sobre Angular JSVisão Geral sobre Angular JS
Visão Geral sobre Angular JS
 
Performance com AngularJS
Performance com AngularJSPerformance com AngularJS
Performance com AngularJS
 
Curso AngularJS - Parte 1
Curso AngularJS - Parte 1Curso AngularJS - Parte 1
Curso AngularJS - Parte 1
 
VueJS - Uma alternativa elegante
VueJS - Uma alternativa eleganteVueJS - Uma alternativa elegante
VueJS - Uma alternativa elegante
 
AngularJS - Just Digital
AngularJS - Just DigitalAngularJS - Just Digital
AngularJS - Just Digital
 
Diego Narducci - React + Angular
Diego Narducci - React + AngularDiego Narducci - React + Angular
Diego Narducci - React + Angular
 
Leia me
Leia meLeia me
Leia me
 
Introdução ao AngularJS
Introdução ao AngularJSIntrodução ao AngularJS
Introdução ao AngularJS
 
script.aculo.us
script.aculo.usscript.aculo.us
script.aculo.us
 
Vue.js - o framework progressivo
Vue.js - o framework progressivoVue.js - o framework progressivo
Vue.js - o framework progressivo
 
Scope AngularJS
Scope AngularJSScope AngularJS
Scope AngularJS
 

Semelhante a Apresentação JQuery

Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao FrameworkDescomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao FrameworkPablo Garrido
 
Javascript levado a serio
Javascript levado a serioJavascript levado a serio
Javascript levado a serioJaydson Gomes
 
Javascript levado a sério
Javascript levado a sérioJavascript levado a sério
Javascript levado a sériosaspi2
 
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
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento webRodrigo Rodrigues
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Valmir Justo
 
Introdução básica ao JavaScript
Introdução básica ao JavaScriptIntrodução básica ao JavaScript
Introdução básica ao JavaScriptCarlos Eduardo Kadu
 
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
 
Iniciando com jQuery
Iniciando com jQueryIniciando com jQuery
Iniciando com jQueryTiago Butzke
 
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
 
Desenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo ToolkitDesenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo ToolkitFlávio Lisboa
 
Introdução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxIntrodução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxMarceloRosenbrock1
 
Introdução JQuery
Introdução JQueryIntrodução JQuery
Introdução JQueryinfo_cimol
 

Semelhante a Apresentação JQuery (20)

Descomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao FrameworkDescomplicando o JQuery - Introdução ao Framework
Descomplicando o JQuery - Introdução ao Framework
 
jQuery
jQueryjQuery
jQuery
 
Javascript levado a serio
Javascript levado a serioJavascript levado a serio
Javascript levado a serio
 
Javascript levado a sério
Javascript levado a sérioJavascript levado a sério
Javascript levado a sério
 
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 ( )
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
Javascript
JavascriptJavascript
Javascript
 
Introdução básica ao JavaScript
Introdução básica ao JavaScriptIntrodução básica ao JavaScript
Introdução básica ao JavaScript
 
Java Web Fácil com VRaptor
Java Web Fácil com VRaptorJava Web Fácil com VRaptor
Java Web Fácil com VRaptor
 
JavaScript Moderno
JavaScript ModernoJavaScript Moderno
JavaScript Moderno
 
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
 
Iniciando com jQuery
Iniciando com jQueryIniciando com jQuery
Iniciando com jQuery
 
Web2.0 e Ajax
Web2.0 e AjaxWeb2.0 e Ajax
Web2.0 e Ajax
 
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
 
Apresentação Jquery
Apresentação JqueryApresentação Jquery
Apresentação Jquery
 
Desenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo ToolkitDesenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo Toolkit
 
Introdução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxIntrodução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptx
 
Introdução JQuery
Introdução JQueryIntrodução JQuery
Introdução JQuery
 

Apresentação JQuery

  • 1. Faculdade de Informática de Ouro Preto do Oeste FiOuro Introdução aJquery
  • 2. JQuery O jQuery é uma biblioteca JavaScript disponibilizada como Software Livre, ou seja, pode ser utilizado tanto em aplicações pessoais como empresariais de modo gratuito. Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
  • 3. Vantagens É um produto sério; Estável; Funciona em qualquer Navegador(Cross-Browser); Bem documentado, e Com uma grande equipe de desenvolvedores encarregados da melhora e atualização do framework.
  • 4. O que é possível implementar com o jquery: animações, efeitos, manipulação de eventos JavaScript, percorrer documentos HTML, adicionar CSS, Texto, validar formulários, interagir com Ajax, Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
  • 5.
  • 6. JQuery jQuery veio para mudar a maneira em que você escreve JavaScript, pois milhares de linhas de código, poderão se resumir em apenas uma linha de fácil entendimento. "Até quem não sabe programar, programa com jQuery", por isso, seu lema é : "Escreva menos, faça mais!" (Write Less, Do More). Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
  • 7. jQuery foi desenvolvido inicialmente por John Resig  que é um profundo conhecedor da linguagem JavaScript, e queria fazer com que o modo de escrever códigos para adicionar pequenos efeitos em páginas, fosse mais simples para o desenvolvedor de websites: "Porque submeter os desenvolvedores a escrever longos e complexos códigos para adicionar simples efeitos?". JQuery Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
  • 8. John Resig Foi o criador do livro Pro JavaScriptTechniques e atualmente trabalha duro no seu segundo livro, chamado SecretsoftheJavaScript Ninja. Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
  • 9. Comunidade jquery Brasileira que está crescendo: http://www.jquerybrasil.org/ Oficial: http://www.jquery.com
  • 10. Exemplo de código <script type="text/javascript" charset="UTF-8" src="js/jquery-1.3.1.min.js"></script> $(document).ready(function(){  $("body").text("Este é meu primeiro texto com jQuery"); }); Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
  • 11. Exemplo de código Auto Completar: var availableTags = [ "jQuery", "Feevale" ]; $( "#tags" ).autocomplete({ source: availableTags }); Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
  • 12. Na Pratica Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
  • 13. Na pratica Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
  • 14. Referências http://www.jquery.com http://www.jquerybrasil.com http://www.criarweb.com/artigos/introducao-jquery.html http://www.ronaldorigoni.com.br/category/jquery/?lang=pt Faculdade de Informática de Ouro Preto do Oeste Acadêmicos: Flaviana Rodrigues, Kassiano Henrique, VivielyHammer
  • 15. Acadêmicos do 8º Período Flaviana Rodrigues Kassiano Henrique de Oliveira Pretto VivielyHammer Professor Vagner Schoaba 15