SlideShare a Scribd company logo
1 of 28
Download to read offline
II Encontro do PHP MG




 Escreva menos e faça
 mais com a jQuery




Grupo de desenvolvedores de
PHP de Minas Gerais
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Apresentação


Carlos Pires (Cadu) é bacharel em ciência da computação pela
Universidade FUMEC.
Desenvolve e é apaixonado pela web e por software livre desde 1999.
Natural de Belo Horizonte, trabalhou com Java(JEE) por mais de 6 anos em
diversas empresas da capital mineira. Ultimamente tem se dedicado ao
CakePHP e à jQuery.

Quando não está andando de bike, está estudando línguas (inglês e espanhol),
curtindo um samba de raíz ou tomando uma cervejinha com os amigos.
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Objetivos do mini-curso



    Divulgar a biblioteca jQuery
    Retribuir à comunidade de software livre
    Combater o código 'espaguete'
    Mostrar que programar pode ser divertido!
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Apresentação da jQuery



jQuery é uma rápida e concisa biblioteca JavaScript que
simpli ca percorrer documentos HTML, manipular
eventos e interações AJAX para um desenvolvimento
web rápido. A jQuery é projetada para mudar a maneira
como você escreve JavaScript.
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Fundamentos


    Métodos anônimos
    O Factory Method $()
    Pode ser utilizada com outras bibliotecas
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Seletores e ltros


    Básicos
    Hierárquicos
    Filtros Básicos
    Filtros de conteúdo
    Filtros de visibilidade
    Filtros de atributos
    Filtros lhos
    Formulários
    Filtros de formulários
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Eventos


    blur               Keyup
    change             mousedown
    click              mouseleave
    dblclick           mousemove
    focus              mouseout
    keydown            mouseover
    keypress           submit
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Navegando no DOM


    prev()
    prevAll()
    next()
    children()
    parent()
    parents()
    etc...
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Manipulando conteúdo


    html()
    html(val)
    text()
    append(content)
    prepend(content)
    prependTo(seletor)
    after()
    before()
    wrap()
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Efeitos


    show()
    hide()
    toggle()
    slideDown()
    slideUp()
    slideToggle()
    fadeIn()
    fadeOut()
    animate()
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
AJAX


    ajax()
    load()
    get()
    getScript()
    post()
    ajaxComplete()
    ajaxError()
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Plugins


    jQuery Form Plugin
    Auto-populate multiple select boxes
    FancyBox
    jQuery lightBox plugin
    Tweetable
    Realtime Related Tweets Bar
    qTip
    jQuery Tag Suggestion
    Using jQuery for Background Image Animations
    jQuery Ribbon
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Referências

    Website O cial
     http://www.jquery.com/
    Documentação o cial (em inglês)
     http://docs.jquery.com/
    Tutorial - Por onde começar com o jQuery - 2km interativa!
     http://i18n.2kminterativa.com.br/jquery/jquery-getting-started-pt_br.html
    Usando jQuery na prática - Simples Ideias. Por Nando Vieira.
     http://simplesideias.com.br/usando-jquery-na-pratica/
    Para ver a lista completa e sempre atualizada, acesse minha conta no
     Delicious: http://delicious.com/cadu/
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtros
    Eventos
    Navegando no DOM
    Manipulando conteúdo
    Efeitos
    AJAX
    Plugins
    Referências
    Agradecimentos
Agradecimentos


    Aos organizadores do II Encontro do PHP MG
    À comunidade pela presença



           Carlos Pires
                 -  E-mail: carlos.pires@2km.com.br
                 -  Twitter: @cadu



               www.2km.com.br - Twitter: @2km

More Related Content

Viewers also liked

Time line do armazenamento de dados
Time line do armazenamento de dadosTime line do armazenamento de dados
Time line do armazenamento de dados
Flavio Souza
 
090916 Roteiro01
090916 Roteiro01090916 Roteiro01
090916 Roteiro01
Diego Doná
 

Viewers also liked (16)

Apresentação da Comunidade PHPDF
Apresentação da Comunidade PHPDFApresentação da Comunidade PHPDF
Apresentação da Comunidade PHPDF
 
Programação de Jogos - Design Patterns
Programação de Jogos - Design PatternsProgramação de Jogos - Design Patterns
Programação de Jogos - Design Patterns
 
#DeveloperDay - Front-end API html5
#DeveloperDay - Front-end API html5#DeveloperDay - Front-end API html5
#DeveloperDay - Front-end API html5
 
I Heart Stuxnet
I Heart StuxnetI Heart Stuxnet
I Heart Stuxnet
 
Teacher, I blew up the lab. I am glad it was only a game. [PDF
Teacher, I blew up the lab. I am glad it was only a game. [PDFTeacher, I blew up the lab. I am glad it was only a game. [PDF
Teacher, I blew up the lab. I am glad it was only a game. [PDF
 
Criatividade Comercial - Trust Summit 2014
Criatividade Comercial - Trust Summit 2014Criatividade Comercial - Trust Summit 2014
Criatividade Comercial - Trust Summit 2014
 
Visão Geral do CMS e Framework Joomla - Business IT South America
Visão Geral do CMS e Framework Joomla - Business IT South AmericaVisão Geral do CMS e Framework Joomla - Business IT South America
Visão Geral do CMS e Framework Joomla - Business IT South America
 
Joomla! como plataforma de desenvolvimento de soluções próprias
Joomla! como plataforma de desenvolvimento de soluções própriasJoomla! como plataforma de desenvolvimento de soluções próprias
Joomla! como plataforma de desenvolvimento de soluções próprias
 
Open Courseware 3D
Open Courseware 3DOpen Courseware 3D
Open Courseware 3D
 
Time line do armazenamento de dados
Time line do armazenamento de dadosTime line do armazenamento de dados
Time line do armazenamento de dados
 
REVISTA COMPUTER ARTS BRASIL #52
REVISTA COMPUTER ARTS BRASIL #52REVISTA COMPUTER ARTS BRASIL #52
REVISTA COMPUTER ARTS BRASIL #52
 
FLISOL 2009 - Modelos de Negócios com Software Livre
FLISOL 2009 - Modelos de Negócios com Software LivreFLISOL 2009 - Modelos de Negócios com Software Livre
FLISOL 2009 - Modelos de Negócios com Software Livre
 
090916 Roteiro01
090916 Roteiro01090916 Roteiro01
090916 Roteiro01
 
Apresentação PhpDescribe
Apresentação PhpDescribeApresentação PhpDescribe
Apresentação PhpDescribe
 
HTML5
HTML5HTML5
HTML5
 
Game Jams - Como fazer um jogo em 48 horas
Game Jams - Como fazer um jogo em 48 horasGame Jams - Como fazer um jogo em 48 horas
Game Jams - Como fazer um jogo em 48 horas
 

Similar to Escreva menos e faça mais com a jQuery

jQuery: Write less, do more
jQuery: Write less, do morejQuery: Write less, do more
jQuery: Write less, do more
hfsantos
 

Similar to Escreva menos e faça mais com a jQuery (20)

Iniciando com jQuery
Iniciando com jQueryIniciando com jQuery
Iniciando com jQuery
 
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 ( )
 
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
 
jQuery: Write less, do more
jQuery: Write less, do morejQuery: Write less, do more
jQuery: Write less, do more
 
Introdução jQuery UI
Introdução jQuery UIIntrodução jQuery UI
Introdução jQuery UI
 
Jquery ui
Jquery uiJquery ui
Jquery ui
 
jQuery básico (parte 2)
jQuery básico (parte 2)jQuery básico (parte 2)
jQuery básico (parte 2)
 
Java script aula 07 - j-query
Java script   aula 07 - j-queryJava script   aula 07 - j-query
Java script aula 07 - j-query
 
Web 3.0
Web 3.0Web 3.0
Web 3.0
 
Desenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo ToolkitDesenvolvendo com Dojo Toolkit
Desenvolvendo com Dojo Toolkit
 
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
 
Desenvolvimento de uma plataforma de bookmarking social com Django e TDD
Desenvolvimento de uma plataforma de bookmarking social com Django e TDDDesenvolvimento de uma plataforma de bookmarking social com Django e TDD
Desenvolvimento de uma plataforma de bookmarking social com Django e TDD
 
Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvimento Front end (AngularJS e Bootstrap)
 
jQuery
jQueryjQuery
jQuery
 
jQuery
jQueryjQuery
jQuery
 
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 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
 
Tutorial sobre Jquery
Tutorial sobre JqueryTutorial sobre Jquery
Tutorial sobre Jquery
 

Escreva menos e faça mais com a jQuery

  • 1. II Encontro do PHP MG Escreva menos e faça mais com a jQuery Grupo de desenvolvedores de PHP de Minas Gerais
  • 2. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 3. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 4. Apresentação Carlos Pires (Cadu) é bacharel em ciência da computação pela Universidade FUMEC. Desenvolve e é apaixonado pela web e por software livre desde 1999. Natural de Belo Horizonte, trabalhou com Java(JEE) por mais de 6 anos em diversas empresas da capital mineira. Ultimamente tem se dedicado ao CakePHP e à jQuery. Quando não está andando de bike, está estudando línguas (inglês e espanhol), curtindo um samba de raíz ou tomando uma cervejinha com os amigos.
  • 5. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 6. Objetivos do mini-curso   Divulgar a biblioteca jQuery   Retribuir à comunidade de software livre   Combater o código 'espaguete'   Mostrar que programar pode ser divertido!
  • 7. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 8. Apresentação da jQuery jQuery é uma rápida e concisa biblioteca JavaScript que simpli ca percorrer documentos HTML, manipular eventos e interações AJAX para um desenvolvimento web rápido. A jQuery é projetada para mudar a maneira como você escreve JavaScript.
  • 9. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 10. Fundamentos   Métodos anônimos   O Factory Method $()   Pode ser utilizada com outras bibliotecas
  • 11. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 12. Seletores e ltros   Básicos   Hierárquicos   Filtros Básicos   Filtros de conteúdo   Filtros de visibilidade   Filtros de atributos   Filtros lhos   Formulários   Filtros de formulários
  • 13. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 14. Eventos   blur   Keyup   change   mousedown   click   mouseleave   dblclick   mousemove   focus   mouseout   keydown   mouseover   keypress   submit
  • 15. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 16. Navegando no DOM   prev()   prevAll()   next()   children()   parent()   parents()   etc...
  • 17. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 18. Manipulando conteúdo   html()   html(val)   text()   append(content)   prepend(content)   prependTo(seletor)   after()   before()   wrap()
  • 19. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 20. Efeitos   show()   hide()   toggle()   slideDown()   slideUp()   slideToggle()   fadeIn()   fadeOut()   animate()
  • 21. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 22. AJAX   ajax()   load()   get()   getScript()   post()   ajaxComplete()   ajaxError()
  • 23. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 24. Plugins   jQuery Form Plugin   Auto-populate multiple select boxes   FancyBox   jQuery lightBox plugin   Tweetable   Realtime Related Tweets Bar   qTip   jQuery Tag Suggestion   Using jQuery for Background Image Animations   jQuery Ribbon
  • 25. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 26. Referências   Website O cial http://www.jquery.com/   Documentação o cial (em inglês) http://docs.jquery.com/   Tutorial - Por onde começar com o jQuery - 2km interativa! http://i18n.2kminterativa.com.br/jquery/jquery-getting-started-pt_br.html   Usando jQuery na prática - Simples Ideias. Por Nando Vieira. http://simplesideias.com.br/usando-jquery-na-pratica/   Para ver a lista completa e sempre atualizada, acesse minha conta no Delicious: http://delicious.com/cadu/
  • 27. Agenda   Apresentação   Objetivos do mini-curso   Apresentação da jQuery   Fundamentos   Seletores e Filtros   Eventos   Navegando no DOM   Manipulando conteúdo   Efeitos   AJAX   Plugins   Referências   Agradecimentos
  • 28. Agradecimentos   Aos organizadores do II Encontro do PHP MG   À comunidade pela presença Carlos Pires -  E-mail: carlos.pires@2km.com.br -  Twitter: @cadu www.2km.com.br - Twitter: @2km