SlideShare uma empresa Scribd logo
1 de 15
Baixar para ler offline
labs
Jquery.ready(?);
AIT-PROEG
davidcbsi(at)gmail.com
O que é?  É importante?
Problemas de compatibilidade sempre estarão
presentes em nosso ambiente web.
$ tem como propósito abstrair a
incompatiblidade e complexidade de trabalhar
no font-end.
 Framework? ou Library? (ai vc decide)
PowerFul
$ pode ser descrito como uma abstração
gigantesca do javascript, ou seja, é importante
conhecer sobre esse núcleo que esta
dominando a web2.0 e até invadindo o lado do
servidor.
?mas kd o jquery?
... Ele ja vem mas antes você precisa ter o
DOM de manipula-lo...
DOM
O DOM é uma multi-plataforma que representa
como as marcações em HTML, XHTML e XML
são organizadas e lidas pelo navegador que
você usa. Uma vez indexadas, estas
marcações se transformam em elementos de
uma árvore que você pode manipular
DOM
Em linhas gerais
em uma definição bem simplista podemos dizer
que manipular elementos usando Jquery
divide-se em duas partes.
Selecionar o elemento
Qual ação realizar
Vamos lá?
vamos criar um botão que ao clicar mostre uma
mensagem para o usuário.
Vamos la? (Nível 2)
você sabe html né? então vamos criar uma
lista que vai representar uma agenda de
atividades.
Vamos la? (Nível 2)
Ações da lista:
1. Cadastrar novo item.
2. Remover item.
3. (desafio) Edição do item.
Plugins
Ja viu vários plugins jquery certo? Nunca
passou em sua cabeça em fazer um bem legal
pra usar em seu projeto?
Procure saber sobre: Mixin e Prototype
O que vem por ai?
Jquery é muito utilizado nos mais variados
tipos de aplicações via web. Isto é, este
mercado precisa de pessoas que tenham
domínio desta ferramenta.
Livros em portugês
Leitura facil e conteúdo
interessante.
Obrigado!
AIT-PROEG.:: Facebook - SlideShare
davidcbsi(at)gmail.com

Mais conteúdo relacionado

Mais procurados

ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDA
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDAANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDA
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDAWilson Mendes
 
08 Java Script Introdução - Teoria
08 Java Script   Introdução  - Teoria08 Java Script   Introdução  - Teoria
08 Java Script Introdução - TeoriaCentro Paula Souza
 
Introdução ao desenvolvimento front end usando bootstrap e angular js
Introdução ao desenvolvimento front end usando bootstrap e angular jsIntrodução ao desenvolvimento front end usando bootstrap e angular js
Introdução ao desenvolvimento front end usando bootstrap e angular jsCloves Moreira Junior
 
AngularJS Overview
AngularJS OverviewAngularJS Overview
AngularJS Overviewdtelaroli
 
Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Bruno Grange
 
Introdução JavaScript e DOM 2016
Introdução JavaScript e DOM 2016Introdução JavaScript e DOM 2016
Introdução JavaScript e DOM 2016Romualdo Andre
 
jQuery - A poderosa Biblioteca JavaScript - Minicurso
jQuery - A poderosa Biblioteca JavaScript - MinicursojQuery - A poderosa Biblioteca JavaScript - Minicurso
jQuery - A poderosa Biblioteca JavaScript - MinicursoCloves Moreira Junior
 
Conhecendo o CouchDB - TDC2011
Conhecendo o CouchDB - TDC2011Conhecendo o CouchDB - TDC2011
Conhecendo o CouchDB - TDC2011Henrique Gogó
 

Mais procurados (10)

Aula1
Aula1Aula1
Aula1
 
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDA
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDAANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDA
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDA
 
08 Java Script Introdução - Teoria
08 Java Script   Introdução  - Teoria08 Java Script   Introdução  - Teoria
08 Java Script Introdução - Teoria
 
Introdução ao desenvolvimento front end usando bootstrap e angular js
Introdução ao desenvolvimento front end usando bootstrap e angular jsIntrodução ao desenvolvimento front end usando bootstrap e angular js
Introdução ao desenvolvimento front end usando bootstrap e angular js
 
AngularJS Overview
AngularJS OverviewAngularJS Overview
AngularJS Overview
 
Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)
 
Introdução JavaScript e DOM 2016
Introdução JavaScript e DOM 2016Introdução JavaScript e DOM 2016
Introdução JavaScript e DOM 2016
 
jQuery - A poderosa Biblioteca JavaScript - Minicurso
jQuery - A poderosa Biblioteca JavaScript - MinicursojQuery - A poderosa Biblioteca JavaScript - Minicurso
jQuery - A poderosa Biblioteca JavaScript - Minicurso
 
Introdução ao DotNetNuke
Introdução ao DotNetNukeIntrodução ao DotNetNuke
Introdução ao DotNetNuke
 
Conhecendo o CouchDB - TDC2011
Conhecendo o CouchDB - TDC2011Conhecendo o CouchDB - TDC2011
Conhecendo o CouchDB - TDC2011
 

Destaque (8)

Micro Tecnológica
Micro Tecnológica Micro Tecnológica
Micro Tecnológica
 
Lab metodologia
Lab metodologiaLab metodologia
Lab metodologia
 
Pulseiras
PulseirasPulseiras
Pulseiras
 
Asociacion de moto
Asociacion de motoAsociacion de moto
Asociacion de moto
 
El software de aplicación
El software de aplicaciónEl software de aplicación
El software de aplicación
 
meu Brasil
meu Brasilmeu Brasil
meu Brasil
 
Diapositivas yussy acevedo
Diapositivas yussy acevedoDiapositivas yussy acevedo
Diapositivas yussy acevedo
 
Grupo farmacotecnia dra. lópez
Grupo farmacotecnia dra. lópezGrupo farmacotecnia dra. lópez
Grupo farmacotecnia dra. lópez
 

Semelhante a Jquery Lab

JSP - Java Serves Pages
JSP - Java Serves PagesJSP - Java Serves Pages
JSP - Java Serves PagesAmanda Luz
 
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
 
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.Beto Muniz
 
Palestra / Efeitos Espetaculares Em Dhtml / SDD
Palestra / Efeitos Espetaculares Em Dhtml / SDDPalestra / Efeitos Espetaculares Em Dhtml / SDD
Palestra / Efeitos Espetaculares Em Dhtml / SDDhugodiasneto
 
Academia do Arquiteto - Implantando A.L.M. em uma semana!
Academia do Arquiteto - Implantando A.L.M. em uma semana!Academia do Arquiteto - Implantando A.L.M. em uma semana!
Academia do Arquiteto - Implantando A.L.M. em uma semana!Globalcode
 
Entendendo Frameworks web com Python
Entendendo Frameworks web com PythonEntendendo Frameworks web com Python
Entendendo Frameworks web com PythonLuiz Aldabalde
 
Entendendo Framework Web com Python
Entendendo Framework Web com PythonEntendendo Framework Web com Python
Entendendo Framework Web com PythonPythOnRio
 
Desenvolvimento RIA com Java
Desenvolvimento RIA com JavaDesenvolvimento RIA com Java
Desenvolvimento RIA com Javaarmeniocardoso
 
Desenvolvimento Ria com Java
Desenvolvimento Ria com JavaDesenvolvimento Ria com Java
Desenvolvimento Ria com JavaTI Infnet
 
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...iMasters
 
Front-end: O que é necessário saber ?
Front-end: O que é necessário saber ?Front-end: O que é necessário saber ?
Front-end: O que é necessário saber ?Rafael Pazini
 
ODIG - Javascript, DOM Elements e jQuery
ODIG - Javascript, DOM Elements e jQueryODIG - Javascript, DOM Elements e jQuery
ODIG - Javascript, DOM Elements e jQueryMarketing Digital ODIG
 
FEMUG MGA #6 - Abandonando o jQuery
FEMUG MGA #6  - Abandonando o jQueryFEMUG MGA #6  - Abandonando o jQuery
FEMUG MGA #6 - Abandonando o jQueryJulio Vedovatto
 
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
 

Semelhante a Jquery Lab (20)

Introdução ao VUE JS
Introdução ao VUE JSIntrodução ao VUE JS
Introdução ao VUE JS
 
Hello ReactJs
Hello ReactJsHello ReactJs
Hello ReactJs
 
JSP - Java Serves Pages
JSP - Java Serves PagesJSP - Java Serves Pages
JSP - Java Serves Pages
 
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
 
Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.Web Components, A próxima revolução do desenvolvimento web.
Web Components, A próxima revolução do desenvolvimento web.
 
Palestra / Efeitos Espetaculares Em Dhtml / SDD
Palestra / Efeitos Espetaculares Em Dhtml / SDDPalestra / Efeitos Espetaculares Em Dhtml / SDD
Palestra / Efeitos Espetaculares Em Dhtml / SDD
 
Treinamento DDD .Net
Treinamento DDD .NetTreinamento DDD .Net
Treinamento DDD .Net
 
Academia do Arquiteto - Implantando A.L.M. em uma semana!
Academia do Arquiteto - Implantando A.L.M. em uma semana!Academia do Arquiteto - Implantando A.L.M. em uma semana!
Academia do Arquiteto - Implantando A.L.M. em uma semana!
 
Entendendo Frameworks web com Python
Entendendo Frameworks web com PythonEntendendo Frameworks web com Python
Entendendo Frameworks web com Python
 
Entendendo Framework Web com Python
Entendendo Framework Web com PythonEntendendo Framework Web com Python
Entendendo Framework Web com Python
 
Desenvolvimento RIA com Java
Desenvolvimento RIA com JavaDesenvolvimento RIA com Java
Desenvolvimento RIA com Java
 
Introdução a: Frameworks front end web
Introdução a: Frameworks front end webIntrodução a: Frameworks front end web
Introdução a: Frameworks front end web
 
Desenvolvimento Ria com Java
Desenvolvimento Ria com JavaDesenvolvimento Ria com Java
Desenvolvimento Ria com Java
 
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
 
Front-end: O que é necessário saber ?
Front-end: O que é necessário saber ?Front-end: O que é necessário saber ?
Front-end: O que é necessário saber ?
 
ODIG - Javascript, DOM Elements e jQuery
ODIG - Javascript, DOM Elements e jQueryODIG - Javascript, DOM Elements e jQuery
ODIG - Javascript, DOM Elements e jQuery
 
FEMUG MGA #6 - Abandonando o jQuery
FEMUG MGA #6  - Abandonando o jQueryFEMUG MGA #6  - Abandonando o jQuery
FEMUG MGA #6 - Abandonando o jQuery
 
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
 
HTML5
HTML5HTML5
HTML5
 
Modelo de desenvolvimento de software em 3 camadas para Wordpress
Modelo de desenvolvimento de software em 3 camadas para WordpressModelo de desenvolvimento de software em 3 camadas para Wordpress
Modelo de desenvolvimento de software em 3 camadas para Wordpress
 

Mais de COTIC-PROEG (UFPA) (20)

LT - Redis
LT - RedisLT - Redis
LT - Redis
 
LT Ansible
LT AnsibleLT Ansible
LT Ansible
 
Testes automatizados com Cypress
Testes automatizados com CypressTestes automatizados com Cypress
Testes automatizados com Cypress
 
Loop back
Loop backLoop back
Loop back
 
METEOR
METEORMETEOR
METEOR
 
Desenvolvimento de software tradicional vs ágil
Desenvolvimento de software tradicional vs ágilDesenvolvimento de software tradicional vs ágil
Desenvolvimento de software tradicional vs ágil
 
Canva
CanvaCanva
Canva
 
Git v2
Git v2Git v2
Git v2
 
Atitudes que levam ao Fracasso profissional
Atitudes que levam ao Fracasso profissionalAtitudes que levam ao Fracasso profissional
Atitudes que levam ao Fracasso profissional
 
Os 5 Sensos da Qualidade
Os 5 Sensos da QualidadeOs 5 Sensos da Qualidade
Os 5 Sensos da Qualidade
 
WATSON - O Fascinante Computador da IBM
WATSON - O Fascinante Computador da IBMWATSON - O Fascinante Computador da IBM
WATSON - O Fascinante Computador da IBM
 
Produtividade sem enrrolação
Produtividade sem enrrolaçãoProdutividade sem enrrolação
Produtividade sem enrrolação
 
LAB JavaScript
LAB JavaScriptLAB JavaScript
LAB JavaScript
 
Principios e Valores Ágeis
Principios e Valores ÁgeisPrincipios e Valores Ágeis
Principios e Valores Ágeis
 
Big data
Big dataBig data
Big data
 
Metricas para Times Ágeis
Metricas para Times ÁgeisMetricas para Times Ágeis
Metricas para Times Ágeis
 
Aplicação de Abordagens Ágeis: Estudo de Caso de utlização do SCRUM – PROEG/UFPA
Aplicação de Abordagens Ágeis: Estudo de Caso de utlização do SCRUM – PROEG/UFPAAplicação de Abordagens Ágeis: Estudo de Caso de utlização do SCRUM – PROEG/UFPA
Aplicação de Abordagens Ágeis: Estudo de Caso de utlização do SCRUM – PROEG/UFPA
 
Técnicas para Programação em Par
Técnicas para Programação em ParTécnicas para Programação em Par
Técnicas para Programação em Par
 
Feedback Canvas
Feedback CanvasFeedback Canvas
Feedback Canvas
 
5 Doenças do Gerenciamento de Projetos
5 Doenças do Gerenciamento de Projetos5 Doenças do Gerenciamento de Projetos
5 Doenças do Gerenciamento de Projetos
 

Jquery Lab

  • 2. O que é? É importante? Problemas de compatibilidade sempre estarão presentes em nosso ambiente web. $ tem como propósito abstrair a incompatiblidade e complexidade de trabalhar no font-end. Framework? ou Library? (ai vc decide)
  • 3. PowerFul $ pode ser descrito como uma abstração gigantesca do javascript, ou seja, é importante conhecer sobre esse núcleo que esta dominando a web2.0 e até invadindo o lado do servidor.
  • 4. ?mas kd o jquery?
  • 5. ... Ele ja vem mas antes você precisa ter o DOM de manipula-lo...
  • 6. DOM O DOM é uma multi-plataforma que representa como as marcações em HTML, XHTML e XML são organizadas e lidas pelo navegador que você usa. Uma vez indexadas, estas marcações se transformam em elementos de uma árvore que você pode manipular
  • 7. DOM
  • 8. Em linhas gerais em uma definição bem simplista podemos dizer que manipular elementos usando Jquery divide-se em duas partes. Selecionar o elemento Qual ação realizar
  • 9. Vamos lá? vamos criar um botão que ao clicar mostre uma mensagem para o usuário.
  • 10. Vamos la? (Nível 2) você sabe html né? então vamos criar uma lista que vai representar uma agenda de atividades.
  • 11. Vamos la? (Nível 2) Ações da lista: 1. Cadastrar novo item. 2. Remover item. 3. (desafio) Edição do item.
  • 12. Plugins Ja viu vários plugins jquery certo? Nunca passou em sua cabeça em fazer um bem legal pra usar em seu projeto? Procure saber sobre: Mixin e Prototype
  • 13. O que vem por ai? Jquery é muito utilizado nos mais variados tipos de aplicações via web. Isto é, este mercado precisa de pessoas que tenham domínio desta ferramenta.
  • 14. Livros em portugês Leitura facil e conteúdo interessante.
  • 15. Obrigado! AIT-PROEG.:: Facebook - SlideShare davidcbsi(at)gmail.com