Escreva menos e faça mais com a jQuery
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Escreva menos e faça mais com a jQuery

  • 2,806 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
2,806
On Slideshare
2,794
From Embeds
12
Number of Embeds
1

Actions

Shares
Downloads
39
Comments
0
Likes
0

Embeds 12

http://www.slideshare.net 12

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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