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 Filtro...
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtro...
Apresentação


Carlos Pires (Cadu) é bacharel em ciência da computação pela
Universidade FUMEC.
Desenvolve e é apaixonado ...
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtro...
Objetivos do mini-curso



    Divulgar a biblioteca jQuery
    Retribuir à comunidade de software livre
    Combater o...
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtro...
Apresentação da jQuery



jQuery é uma rápida e concisa biblioteca JavaScript que
simpli ca percorrer documentos HTML, man...
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtro...
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 Filtro...
Seletores e ltros


    Básicos
    Hierárquicos
    Filtros Básicos
    Filtros de conteúdo
    Filtros de visibilid...
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtro...
Eventos


    blur               Keyup
    change             mousedown
    click              mouseleave
    dblcl...
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtro...
Navegando no DOM


    prev()
    prevAll()
    next()
    children()
    parent()
    parents()
    etc...
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtro...
Manipulando conteúdo


    html()
    html(val)
    text()
    append(content)
    prepend(content)
    prependTo(se...
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtro...
Efeitos


    show()
    hide()
    toggle()
    slideDown()
    slideUp()
    slideToggle()
    fadeIn()
    fade...
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtro...
AJAX


    ajax()
    load()
    get()
    getScript()
    post()
    ajaxComplete()
    ajaxError()
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtro...
Plugins


    jQuery Form Plugin
    Auto-populate multiple select boxes
    FancyBox
    jQuery lightBox plugin
    ...
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtro...
Referências

    Website O cial
     http://www.jquery.com/
    Documentação o cial (em inglês)
     http://docs.jquery....
Agenda
    Apresentação
    Objetivos do mini-curso
    Apresentação da jQuery
    Fundamentos
    Seletores e Filtro...
Agradecimentos


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



           Carlos Pire...
Upcoming SlideShare
Loading in...5
×

Escreva menos e faça mais com a jQuery

1,748

Published on

Slides do mini-curso ministrado por Carlos Pires no II Encontro do PHP MG

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,748
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
44
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Escreva menos e faça mais com a jQuery

  1. 1. II Encontro do PHP MG Escreva menos e faça mais com a jQuery Grupo de desenvolvedores de PHP de Minas Gerais
  2. 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. 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. 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. 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. 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. 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. 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. 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. 10. Fundamentos   Métodos anônimos   O Factory Method $()   Pode ser utilizada com outras bibliotecas
  11. 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. 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. 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. 14. Eventos   blur   Keyup   change   mousedown   click   mouseleave   dblclick   mousemove   focus   mouseout   keydown   mouseover   keypress   submit
  15. 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. 16. Navegando no DOM   prev()   prevAll()   next()   children()   parent()   parents()   etc...
  17. 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. 18. Manipulando conteúdo   html()   html(val)   text()   append(content)   prepend(content)   prependTo(seletor)   after()   before()   wrap()
  19. 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. 20. Efeitos   show()   hide()   toggle()   slideDown()   slideUp()   slideToggle()   fadeIn()   fadeOut()   animate()
  21. 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. 22. AJAX   ajax()   load()   get()   getScript()   post()   ajaxComplete()   ajaxError()
  23. 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. 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. 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. 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. 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. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×