SlideShare une entreprise Scribd logo
1  sur  48
jQuery ,[object Object]
Duas partes http:// www.estatuaslimitededition.com/dc-direct-f8/lancamento-dc-direct-two-face-busto-12-t1739.htm
#1 Um pouco de Javascript
 
 
Erros encontrados Javascript Obstrusivo Código não é cross-browser
 
 
 
Seu código  precisa  ser  Cross-browser
Cross-browser
Se não encontrar “id”,  busca por “name”! (IE6)
Cadê o “id”?
http://techgamesblog.com/happy-computer-shopping/
#2 jQuery
O que é? ,[object Object]
Quem usa? IBM MSNBC Amazon AOL Technorati Drupal Wordpress Digg BBC SourceForge Intuit Salesforce FeedBurner WB Records entre outros ...
Por que jQuery?
 
Features ,[object Object],[object Object],[object Object],[object Object]
Como usar?
1º Encontre um elemento 2º Faça algo com ele
Seletores $(“#div”) $(“.class”) $(“element”)
 
 
Seletores $(“#mydiv, .class, element ”)
Métodos jQuery Adicionando elementos: append(), before(), after().. Atributos: css(),  attr(), html(), val(), addClass().. Eventos: bind(), trigger(), unbind(), click().. Efeitos: show(), fadeOut(), toggle().. DOM: find(), is(), prevAll(), next(), hasClass().. Ajax: get(), post(), getJson(), load(), ajax()..
Métodos jQuery
Manipulando o DOM Contexto
Métodos encadeados Adiciona uma classe css ao div Faz com que o div  desapareça devagar
Efeitos (hide, show, fadeOut, fadeIn..)
Ajax
 
Plugin http://omundoemumajanela.blogspot.com/2010/09/lego.html
D on`t  R epeat  Y ourself
Criando um plugin $('p').myplugin(); Encontre todos os elementos  “ p” e aplique o “myplugin”.
 
jquery.myplugin.js
jQueryUI
Ferramentas para Testes Teste Unitário
Ferramentas para Testes https://github.com/velesin/jasmine-jquery BDD
Alguns livros…
Alguns links úteis
 
 
 
 
Obrigado!

Contenu connexe

En vedette

Utilizando Git em Projetos Com Repositório Centralizado
Utilizando Git em Projetos Com Repositório CentralizadoUtilizando Git em Projetos Com Repositório Centralizado
Utilizando Git em Projetos Com Repositório CentralizadoAlberto Leal
 
Testing Services Effectively
Testing Services Effectively Testing Services Effectively
Testing Services Effectively Alberto Leal
 
Contribuindo com a comunidade Open Source
Contribuindo com a comunidade Open SourceContribuindo com a comunidade Open Source
Contribuindo com a comunidade Open SourceAlberto Leal
 
Guru-Campinas - Continuous integration
Guru-Campinas - Continuous integrationGuru-Campinas - Continuous integration
Guru-Campinas - Continuous integrationAlberto Leal
 
Designing the APIs for an internal set of services
Designing the APIs for an internal set of servicesDesigning the APIs for an internal set of services
Designing the APIs for an internal set of servicesAlberto Leal
 

En vedette (7)

Utilizando Git em Projetos Com Repositório Centralizado
Utilizando Git em Projetos Com Repositório CentralizadoUtilizando Git em Projetos Com Repositório Centralizado
Utilizando Git em Projetos Com Repositório Centralizado
 
O que é dojo
O que é dojoO que é dojo
O que é dojo
 
Testing Services Effectively
Testing Services Effectively Testing Services Effectively
Testing Services Effectively
 
Contribuindo com a comunidade Open Source
Contribuindo com a comunidade Open SourceContribuindo com a comunidade Open Source
Contribuindo com a comunidade Open Source
 
Guru-Campinas - Continuous integration
Guru-Campinas - Continuous integrationGuru-Campinas - Continuous integration
Guru-Campinas - Continuous integration
 
Wokshop de Git
Wokshop de Git Wokshop de Git
Wokshop de Git
 
Designing the APIs for an internal set of services
Designing the APIs for an internal set of servicesDesigning the APIs for an internal set of services
Designing the APIs for an internal set of services
 

Similaire à jQuery simplifica JavaScript

Iniciando com Jquery
Iniciando com JqueryIniciando com Jquery
Iniciando com JqueryDanilo Sousa
 
Iniciando com jQuery
Iniciando com jQueryIniciando com jQuery
Iniciando com jQueryTiago Butzke
 
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 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
 
Desevolvimento Web Client-side - jQuery
Desevolvimento Web Client-side - jQueryDesevolvimento Web Client-side - jQuery
Desevolvimento Web Client-side - jQueryGuilherme
 
HackaPET 2019: React
HackaPET 2019: ReactHackaPET 2019: React
HackaPET 2019: ReactMaira Bello
 
Front-End do Século XXI.I
Front-End do Século XXI.IFront-End do Século XXI.I
Front-End do Século XXI.ILuiz Oliveira
 
A vida além do jQuery
A vida além do jQueryA vida além do jQuery
A vida além do jQueryPaulo Pires
 
Minicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel
Minicurso Ajax - 5. Semana de Informática PUC Minas São GabrielMinicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel
Minicurso Ajax - 5. Semana de Informática PUC Minas São GabrielMarcelo Linhares
 
DOMinando JavaScript
DOMinando JavaScriptDOMinando JavaScript
DOMinando JavaScriptThiago Poiani
 
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
 
Nadando em Dinheiro com jQuery
Nadando em Dinheiro com jQueryNadando em Dinheiro com jQuery
Nadando em Dinheiro com jQueryReinaldo Junior
 
Agilizando o desenvolvimento com jquery
Agilizando o desenvolvimento com jqueryAgilizando o desenvolvimento com jquery
Agilizando o desenvolvimento com jqueryPHPRio
 
Agilizando o desenvolvimento com j query
Agilizando o desenvolvimento com j queryAgilizando o desenvolvimento com j query
Agilizando o desenvolvimento com j queryPHPRio
 

Similaire à jQuery simplifica JavaScript (20)

Iniciando com Jquery
Iniciando com JqueryIniciando com Jquery
Iniciando com Jquery
 
Iniciando com jQuery
Iniciando com jQueryIniciando com jQuery
Iniciando com jQuery
 
FEMUG MGA #6 - Abandonando o jQuery
FEMUG MGA #6  - Abandonando o jQueryFEMUG MGA #6  - Abandonando o jQuery
FEMUG MGA #6 - Abandonando o jQuery
 
J query
J queryJ query
J query
 
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
 
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
 
Desevolvimento Web Client-side - jQuery
Desevolvimento Web Client-side - jQueryDesevolvimento Web Client-side - jQuery
Desevolvimento Web Client-side - jQuery
 
HackaPET 2019: React
HackaPET 2019: ReactHackaPET 2019: React
HackaPET 2019: React
 
Front-End do Século XXI.I
Front-End do Século XXI.IFront-End do Século XXI.I
Front-End do Século XXI.I
 
Phonegap
PhonegapPhonegap
Phonegap
 
A vida além do jQuery
A vida além do jQueryA vida além do jQuery
A vida além do jQuery
 
Minicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel
Minicurso Ajax - 5. Semana de Informática PUC Minas São GabrielMinicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel
Minicurso Ajax - 5. Semana de Informática PUC Minas São Gabriel
 
Introdução jQuery UI
Introdução jQuery UIIntrodução jQuery UI
Introdução jQuery UI
 
Programação Web com jQuery
Programação Web com jQueryProgramação Web com jQuery
Programação Web com jQuery
 
Desenvolvimento ágil com jQuery Mobile
Desenvolvimento ágil com jQuery MobileDesenvolvimento ágil com jQuery Mobile
Desenvolvimento ágil com jQuery Mobile
 
DOMinando JavaScript
DOMinando JavaScriptDOMinando JavaScript
DOMinando JavaScript
 
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
 
Nadando em Dinheiro com jQuery
Nadando em Dinheiro com jQueryNadando em Dinheiro com jQuery
Nadando em Dinheiro com jQuery
 
Agilizando o desenvolvimento com jquery
Agilizando o desenvolvimento com jqueryAgilizando o desenvolvimento com jquery
Agilizando o desenvolvimento com jquery
 
Agilizando o desenvolvimento com j query
Agilizando o desenvolvimento com j queryAgilizando o desenvolvimento com j query
Agilizando o desenvolvimento com j query
 

jQuery simplifica JavaScript