Your SlideShare is downloading. ×
0
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Introdução às Bibliotecas jQuery/ jQuery UI
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Introdução às Bibliotecas jQuery/ jQuery UI

536

Published on

Slides guia apresentados durante o minicurso de jQuery/jQuery UI ministrado na secompp 2013 - FCT/UNESP - Presidente Prudente

Slides guia apresentados durante o minicurso de jQuery/jQuery UI ministrado na secompp 2013 - FCT/UNESP - Presidente Prudente

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

  • Be the first to like this

No Downloads
Views
Total Views
536
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
22
Comments
0
Likes
0
Embeds 0
No embeds

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. Lenon Fachiano Silva
  • 2. Lenon Fachiano Silva Estudante de Ciência da Computação FCT/UNESP
  • 3. Introdução O que é
  • 4. Introdução http://vidadeprogramador.com.br/2012/06/20/usando-jquery/
  • 5. Introdução jQuery é uma bilbioteca JavaScript escrita por John Resig e disponibilizado como software livre (MIT / GPL). Surgiu graças a insatisfação do autor à cansativa maneira necessária para se escrever códigos JavaScript. Utiliza seletores CSS para identificar diretamente os elementos do DOM.
  • 6. Introdução
  • 7. Introdução JavaScript X jQuery
  • 8. Introdução Para que serve?
  • 9. Introdução • Adicionar efeitos visuais • Acessar e manipular o DOM • Buscar informações no servidor sem necessidade de recarregar a página • Alterar conteúdos • Simplificar tarefas específicas de JavaScript
  • 10. Introdução
  • 11. Olá Mundo No .html • Baixar biblioteca e copiar para o servidor • Nosso Script
  • 12. Olá Mundo No .html (alternativamente) • Utilizar um link externo • Nosso Script
  • 13. Olá Mundo No .js ô ã
  • 14. Olá Mundo No .js (alternativamente) ô ã
  • 15. Construtor
  • 16. Seletores
  • 17. Seletores Basicamente, quaisquer seletores CSS servem para o jQuery. Aqui serão apresentados alguns destes seletores
  • 18. Seletores Simples Elemento html. Identificador Classe CSS
  • 19. Seletores Compostos Combinação de Seletores Simples
  • 20. Seletores Compostos Ancestral - Descendente Elemento - filho Anterior - Próximo Anterior - Irmãos
  • 21. Seletores Filtros Filtra condição particular de um seletor simples ou composto
  • 22. Seletores Filtros Primeiro Último Todos exceto
  • 23. Seletores Filtros Índice Pares Ímpares
  • 24. Seletores Filtros Índice Superior a Índice Inferior a
  • 25. Seletores Atributo Seleciona de acordo com alguma característica específica de um atributo
  • 26. Seletores Atributo Atributo igual a Atributo diferente de Atributo com valor iniciado por
  • 27. Seletores Atributo Atributo termina com Atributo possui no nome
  • 28. Seletores Conteúdo Seleciona de acordo com o conteúdo do elemento
  • 29. Seletores Conteúdo Elemento que possui determinado texto Elemento que possui outro especificado
  • 30. Seletores Conteúdo Elemento que estejam vazios Elemento que possuam elementos filhos
  • 31. Seletores Formulário Seleciona elementos de formulário
  • 32. Seletores Formulário
  • 33. Eventos
  • 34. Eventos Uma ação do usuário “dispara” o script TRIGGERS
  • 35. Eventos Mouse Evento de click Evento de duplo-click
  • 36. Eventos Mouse Cursor entra em um elemento Cursor deixa um elemento
  • 37. Eventos Mouse Botão do mouse é pressionado Botão do mouse é liberado sobre o elemento
  • 38. Eventos Teclado
  • 39. Eventos Alguns Outros
  • 40. Eventos
  • 41. Métodos Estilização
  • 42. Métodos Manipulação
  • 43. Métodos Manipulação
  • 44. Métodos Manipulação
  • 45. Métodos Adicionar/Remover elementos
  • 46. Métodos
  • 47. Efeitos Ocultar/Exibir
  • 48. Efeitos Fade
  • 49. Efeitos Slide
  • 50. Efeitos Animate
  • 51. Requisição Servidor Ajax
  • 52. O que é
  • 53. Como utilizar • Folha de estilos do jQuery • jQuery • jQuery UI
  • 54. Draggable Torna um elemento arrastável
  • 55. Sortable Reorganiza os elementos de um grupo
  • 56. Resizable Permite alterar a dimensão de um elemento
  • 57. Accordion Estilo “Sanfona”
  • 58. Dialog Janela de diálogo
  • 59. Datepicker Calendário
  • 60. Autocomplete Sugere palavras de acordo com o que está sendo digitado
  • 61. Referências Silva, Maurício Samy jQuery: a biblioteca do programador JavaScript / Maurício Samy Silva – São Paulo: Novatec Editora, 2008 ISBN: 978-85-7522-178-5
  • 62. Referências jquery.com jqueryui.com w3schools

×