SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
• jQuery:
– Histórico.
– jQuery com HTML: Seletores.
– Anatomia.
– Plugins:
• Plugins interessantes.
• Desenvolvendo Plugins.
A origem da simplificação.
• Framework JavaScript escrito por Jonh Resig
(2006).
• Muito utilizada, leve com grande número de
plugins.
• Estável com funcionalidades prontas para
usar: Ajax.
• Crossbrowser: funciona na maioria dos
navegadores do mesmo jeito.
• Utiliza o DOM para navegar na árvore de
elementos HTML.
• Faz a mesma coisa que o DOM puro, no
entanto é mais prático: “write less, do more”.
• Emprega o conceito de Seletores, da mesma
maneira que o CSS:
– Pode-se utilizar seletores CSS 3.
Funcionalidades da CSS no JavaScript
// Selecionando um campo de formulário.
var form_campo = $(“#id_do_meu_campo”);
var form_campo = jQuery(“#id_do_meu_campo”);
// Obtendo o valor deste campo
alert(form_campo.val());
// Selecionando um campo de formulário.
var form_campo =
document.getElementById(“id_do_meu_campo”);
// Obtendo o valor deste campo
alert(form_campo.value);
Reaproveitando o código.
• Reutilização de código.
• Você pode escrever seu próprio plugin
www.tiago.blog.br
tiago@tiago.blog.br

Más contenido relacionado

Similar a jQuery: A origem da simplificação do JavaScript

Similar a jQuery: A origem da simplificação do JavaScript (20)

JavaScript
JavaScriptJavaScript
JavaScript
 
Conexão Java 2006: Introdução ao Ajax
Conexão Java 2006: Introdução ao AjaxConexão Java 2006: Introdução ao Ajax
Conexão Java 2006: Introdução ao Ajax
 
Apresentação Jquery
Apresentação JqueryApresentação Jquery
Apresentação Jquery
 
Javascript aula 01 - visão geral
Javascript   aula 01 - visão geralJavascript   aula 01 - visão geral
Javascript aula 01 - visão geral
 
jQuery - A poderosa Biblioteca JavaScript - Minicurso
jQuery - A poderosa Biblioteca JavaScript - MinicursojQuery - A poderosa Biblioteca JavaScript - Minicurso
jQuery - A poderosa Biblioteca JavaScript - Minicurso
 
Aula 4 e 5 css e java script
Aula 4 e 5   css e java scriptAula 4 e 5   css e java script
Aula 4 e 5 css e java script
 
Js
JsJs
Js
 
Slides .pptx.pdf
Slides .pptx.pdfSlides .pptx.pdf
Slides .pptx.pdf
 
Trabalho jQuery
Trabalho jQueryTrabalho jQuery
Trabalho jQuery
 
Minicurso jQuery
Minicurso jQueryMinicurso jQuery
Minicurso jQuery
 
Curso CSS 3 - Aula Introdutória com conceitos básicos
Curso CSS 3 - Aula Introdutória com conceitos básicosCurso CSS 3 - Aula Introdutória com conceitos básicos
Curso CSS 3 - Aula Introdutória com conceitos básicos
 
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
 
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
 
introdução a ajax
introdução a ajaxintrodução a ajax
introdução a ajax
 
Mean Stack
Mean StackMean Stack
Mean Stack
 
CSS
CSSCSS
CSS
 
Ajax
AjaxAjax
Ajax
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
 
Desenvolvimento web produtivo
Desenvolvimento web produtivoDesenvolvimento web produtivo
Desenvolvimento web produtivo
 
Wordpress - Montagem de temas
Wordpress - Montagem de temasWordpress - Montagem de temas
Wordpress - Montagem de temas
 

Más de Tiago Antônio da Silva

SIF - Sistemas de Informacao e Regressao Linear
SIF - Sistemas de Informacao e Regressao LinearSIF - Sistemas de Informacao e Regressao Linear
SIF - Sistemas de Informacao e Regressao LinearTiago Antônio da Silva
 
Git e GitHub: Versionamento de Código Fácil
Git e GitHub: Versionamento de Código FácilGit e GitHub: Versionamento de Código Fácil
Git e GitHub: Versionamento de Código FácilTiago Antônio da Silva
 
Caminhos na Carreira Acadêmica: A visão de um tecnólogo que fez mestrado
Caminhos na Carreira Acadêmica: A visão de um tecnólogo que fez mestradoCaminhos na Carreira Acadêmica: A visão de um tecnólogo que fez mestrado
Caminhos na Carreira Acadêmica: A visão de um tecnólogo que fez mestradoTiago Antônio da Silva
 
Análise e Projeto de Sistemas: Mockup de um Crud no Balsamiq
Análise e Projeto de Sistemas: Mockup de um Crud no BalsamiqAnálise e Projeto de Sistemas: Mockup de um Crud no Balsamiq
Análise e Projeto de Sistemas: Mockup de um Crud no BalsamiqTiago Antônio da Silva
 
Xamarin - Aula 2.1 - AppDolares - Criando a Primeira Interface
Xamarin - Aula 2.1 - AppDolares - Criando a Primeira InterfaceXamarin - Aula 2.1 - AppDolares - Criando a Primeira Interface
Xamarin - Aula 2.1 - AppDolares - Criando a Primeira InterfaceTiago Antônio da Silva
 
Xamarin - Aula 2 - Criando o Primeiro Projeto com Xamarin Forms
Xamarin - Aula 2 - Criando o Primeiro Projeto com Xamarin FormsXamarin - Aula 2 - Criando o Primeiro Projeto com Xamarin Forms
Xamarin - Aula 2 - Criando o Primeiro Projeto com Xamarin FormsTiago Antônio da Silva
 
Redes - Camada Física e Meios de Transmissão
Redes - Camada Física e Meios de TransmissãoRedes - Camada Física e Meios de Transmissão
Redes - Camada Física e Meios de TransmissãoTiago Antônio da Silva
 
Defesa do meu Mestrado: Segmentação de Imagens 3D com Crescimento de Regiões
Defesa do meu Mestrado: Segmentação de Imagens 3D com Crescimento de RegiõesDefesa do meu Mestrado: Segmentação de Imagens 3D com Crescimento de Regiões
Defesa do meu Mestrado: Segmentação de Imagens 3D com Crescimento de RegiõesTiago Antônio da Silva
 
Curso JavaScript - Aula de Introdução como Programar
Curso JavaScript - Aula de Introdução como ProgramarCurso JavaScript - Aula de Introdução como Programar
Curso JavaScript - Aula de Introdução como ProgramarTiago Antônio da Silva
 
Curso HTML 5 - Aula com Formulários, Imagens, Áudio e Vídeo
Curso HTML 5 - Aula com Formulários, Imagens, Áudio e VídeoCurso HTML 5 - Aula com Formulários, Imagens, Áudio e Vídeo
Curso HTML 5 - Aula com Formulários, Imagens, Áudio e VídeoTiago Antônio da Silva
 
Aula C#: Acesso ao MySQL usando AppConfig
Aula C#: Acesso ao MySQL usando AppConfigAula C#: Acesso ao MySQL usando AppConfig
Aula C#: Acesso ao MySQL usando AppConfigTiago Antônio da Silva
 
Aula C#: Abastecendo Combobox com Dados do MySQL
Aula C#: Abastecendo Combobox com Dados do MySQLAula C#: Abastecendo Combobox com Dados do MySQL
Aula C#: Abastecendo Combobox com Dados do MySQLTiago Antônio da Silva
 
Aula C#: Listando Registros do MySQL no ListView
Aula C#: Listando Registros do MySQL no ListViewAula C#: Listando Registros do MySQL no ListView
Aula C#: Listando Registros do MySQL no ListViewTiago Antônio da Silva
 

Más de Tiago Antônio da Silva (20)

SIF - Sistemas de Informacao e Regressao Linear
SIF - Sistemas de Informacao e Regressao LinearSIF - Sistemas de Informacao e Regressao Linear
SIF - Sistemas de Informacao e Regressao Linear
 
Manual de Sovrevivência do Aluno
Manual de Sovrevivência do AlunoManual de Sovrevivência do Aluno
Manual de Sovrevivência do Aluno
 
Git e GitHub: Versionamento de Código Fácil
Git e GitHub: Versionamento de Código FácilGit e GitHub: Versionamento de Código Fácil
Git e GitHub: Versionamento de Código Fácil
 
Caminhos na Carreira Acadêmica: A visão de um tecnólogo que fez mestrado
Caminhos na Carreira Acadêmica: A visão de um tecnólogo que fez mestradoCaminhos na Carreira Acadêmica: A visão de um tecnólogo que fez mestrado
Caminhos na Carreira Acadêmica: A visão de um tecnólogo que fez mestrado
 
Análise e Projeto de Sistemas: Mockup de um Crud no Balsamiq
Análise e Projeto de Sistemas: Mockup de um Crud no BalsamiqAnálise e Projeto de Sistemas: Mockup de um Crud no Balsamiq
Análise e Projeto de Sistemas: Mockup de um Crud no Balsamiq
 
Redes - Camada de Enlace de Dados
Redes - Camada de Enlace de DadosRedes - Camada de Enlace de Dados
Redes - Camada de Enlace de Dados
 
Xamarin - Aula 2.1 - AppDolares - Criando a Primeira Interface
Xamarin - Aula 2.1 - AppDolares - Criando a Primeira InterfaceXamarin - Aula 2.1 - AppDolares - Criando a Primeira Interface
Xamarin - Aula 2.1 - AppDolares - Criando a Primeira Interface
 
Xamarin - Aula 2 - Criando o Primeiro Projeto com Xamarin Forms
Xamarin - Aula 2 - Criando o Primeiro Projeto com Xamarin FormsXamarin - Aula 2 - Criando o Primeiro Projeto com Xamarin Forms
Xamarin - Aula 2 - Criando o Primeiro Projeto com Xamarin Forms
 
O que são Redes de Computadores
O que são Redes de ComputadoresO que são Redes de Computadores
O que são Redes de Computadores
 
Redes - Camada Física e Meios de Transmissão
Redes - Camada Física e Meios de TransmissãoRedes - Camada Física e Meios de Transmissão
Redes - Camada Física e Meios de Transmissão
 
Defesa do meu Mestrado: Segmentação de Imagens 3D com Crescimento de Regiões
Defesa do meu Mestrado: Segmentação de Imagens 3D com Crescimento de RegiõesDefesa do meu Mestrado: Segmentação de Imagens 3D com Crescimento de Regiões
Defesa do meu Mestrado: Segmentação de Imagens 3D com Crescimento de Regiões
 
Folhas de Estilo XSL
Folhas de Estilo XSLFolhas de Estilo XSL
Folhas de Estilo XSL
 
Divisão de Imagens 3D com CloudCompare
Divisão de Imagens 3D com CloudCompareDivisão de Imagens 3D com CloudCompare
Divisão de Imagens 3D com CloudCompare
 
Curso JavaScript - Aula de Introdução como Programar
Curso JavaScript - Aula de Introdução como ProgramarCurso JavaScript - Aula de Introdução como Programar
Curso JavaScript - Aula de Introdução como Programar
 
Curso HTML 5 - Aula com Formulários, Imagens, Áudio e Vídeo
Curso HTML 5 - Aula com Formulários, Imagens, Áudio e VídeoCurso HTML 5 - Aula com Formulários, Imagens, Áudio e Vídeo
Curso HTML 5 - Aula com Formulários, Imagens, Áudio e Vídeo
 
Curso HTML 5 - Construindo um Layout
Curso HTML 5 - Construindo um LayoutCurso HTML 5 - Construindo um Layout
Curso HTML 5 - Construindo um Layout
 
Curso HTML 5 - Aula Inicial
Curso HTML 5 - Aula InicialCurso HTML 5 - Aula Inicial
Curso HTML 5 - Aula Inicial
 
Aula C#: Acesso ao MySQL usando AppConfig
Aula C#: Acesso ao MySQL usando AppConfigAula C#: Acesso ao MySQL usando AppConfig
Aula C#: Acesso ao MySQL usando AppConfig
 
Aula C#: Abastecendo Combobox com Dados do MySQL
Aula C#: Abastecendo Combobox com Dados do MySQLAula C#: Abastecendo Combobox com Dados do MySQL
Aula C#: Abastecendo Combobox com Dados do MySQL
 
Aula C#: Listando Registros do MySQL no ListView
Aula C#: Listando Registros do MySQL no ListViewAula C#: Listando Registros do MySQL no ListView
Aula C#: Listando Registros do MySQL no ListView
 

jQuery: A origem da simplificação do JavaScript

  • 1.
  • 2. • jQuery: – Histórico. – jQuery com HTML: Seletores. – Anatomia. – Plugins: • Plugins interessantes. • Desenvolvendo Plugins.
  • 3. A origem da simplificação.
  • 4. • Framework JavaScript escrito por Jonh Resig (2006). • Muito utilizada, leve com grande número de plugins. • Estável com funcionalidades prontas para usar: Ajax. • Crossbrowser: funciona na maioria dos navegadores do mesmo jeito.
  • 5. • Utiliza o DOM para navegar na árvore de elementos HTML. • Faz a mesma coisa que o DOM puro, no entanto é mais prático: “write less, do more”. • Emprega o conceito de Seletores, da mesma maneira que o CSS: – Pode-se utilizar seletores CSS 3.
  • 6. Funcionalidades da CSS no JavaScript
  • 7. // Selecionando um campo de formulário. var form_campo = $(“#id_do_meu_campo”); var form_campo = jQuery(“#id_do_meu_campo”); // Obtendo o valor deste campo alert(form_campo.val());
  • 8. // Selecionando um campo de formulário. var form_campo = document.getElementById(“id_do_meu_campo”); // Obtendo o valor deste campo alert(form_campo.value);
  • 10. • Reutilização de código. • Você pode escrever seu próprio plugin