Um revolução na web com HTML 5

1.480 visualizações

Publicada em

Essa nova versão do html virá com grandes mudanças que certamente facilitará a vida do desenvolvedor. A revolução traz consigo importantes mudanças ao papel do HTML no mundo da Web, através de novas funcionalidades como semântica e acessibilidade. Fique por dentro e conheça um pouco mais sobre essa nova tendência do mercado.

Publicada em: Tecnologia
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.480
No SlideShare
0
A partir de incorporações
0
Número de incorporações
632
Ações
Compartilhamentos
0
Downloads
20
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Um revolução na web com HTML 5

  1. 1. Um revolução na webcom HTML 5 Otávio Santana• @otaviojava• http://www.java.net/blogs/otaviojava/ http://otaviosantana.blogspot.com.br/••
  2. 2. Comunidades @javabahia @linguagil @soujava @java @openjdk @ekaaty
  3. 3. 1)Histórico O prato do dia2)Eis que surge o html 53)Novidades:4)Audio e video5)Criando formulários com o html 56)GeoLocalização7)Armazenando informações8)Comunicação9)Javascript10)Aplicação off-lines em html 511)Desktop vs off-line em html 512)Móveis e tradicional13)Cases de sucesso14)Jogos com html 5
  4. 4. Atenção
  5. 5. Histórico HTML Linguagem de Marcação de Hipertexto HyTime + SGM = HTMLHyTime é um padrão para a representaçãoestruturada de hipermídia e conteúdobaseado em tempo SGML é um padrão de formatação de textos.
  6. 6. HistóricoHTML 1.0 <TITLE> ... </TITLE> HTML 2.0 <P> <UL> Formulário base para upload de arquivos 22 tags <LI> Tabelas Atual 13 Mapas de imagem do lado cliente Internacionalização HTML 4.0HTML 3.0 MathML XHTML
  7. 7. Eis que surge o html 5• Sintaxe XHTML• APIs de comunicação• APIs para aplicação Web• Diferentes disposistivos• Microformatos• Executar videos• Imagens• Segurança
  8. 8. Eis que surge o html 5O Futuro dos Plugins ?
  9. 9. Novidades
  10. 10. Novidades
  11. 11. Novidades
  12. 12. Novidades
  13. 13. AudIo- chamadas JavaScriptvI Personalizadodeo
  14. 14. FormulárioNovos Validadores:min Novos tipos de input:maxrequired searchparttern telnumber urlrange email datetime date time month datetime-local range color
  15. 15. Formulário
  16. 16. Formulário
  17. 17. GeoLocalização
  18. 18. GEOLOCALIZAOÇÃO
  19. 19. BANC O tamanho de cada cookie é de 4KbO 20 cookies por domínio 300 por navegadorDEDA Session Storage: tempo de vida de sessãoD Local Storage: tempo de vida indefinido IndexedDB: Banco de DadosOS
  20. 20. BANCODEDADOS
  21. 21. BANCODEDADOS
  22. 22. BANCODEDADOS
  23. 23. JavaScript
  24. 24. ComunicaçãoWeb Messaging WebSocket
  25. 25. Cache Necessário para o uso off-line Não necessário para o uso off-line Arquivos alternativos5 Mb
  26. 26. PE Banco de DadosN CacheS ComunicaçãoA ThreadN ServiçosD ValidaçõesO
  27. 27. DESK Tirar o máximo de recursos da máquinaT Usar recursos específicos da máquinaO Pode ter tamanho ilimitadoPH Necessário a instalaçãoT Pode não ser multi-Plataforma Pode precisar desenvolver para várias plataformasM Cuidado com PluginsL5
  28. 28. DESKT Todos dispositivos já possuem Browser Tendência é que todos os Browser se adaptem ao HTML 5O Programe uma vez e use em várias plataformasPH Não consegue tirar o máximo de recurso da máquinaT Não consegue usar um recurso específico O tamanho é LimitadoML5
  29. 29. MOVEL
  30. 30. GamesWeb GL
  31. 31. LInkshttp://html5demos.com/http://html5test.com/http://www.w3schools.com/html5/default.asp
  32. 32. Obrigado Otávio Santana• @otaviojava• http://www.java.net/blogs/otaviojava/ http://otaviosantana.blogspot.com.br/••

×