Transferir como PDF, PPTX
Carregado porDiego Santos
HTML5 – O que tem de novo?
HTML5 é a nova versão do HTML, oferecendo maior flexibilidade e ferramentas aperfeiçoadas para desenvolvimento de websites e aplicações web. Entre suas inovações estão novos elementos semânticos, total suporte a CSS3, e recursos para multimídia e armazenamento local. Adaptar-se ao HTML5 pode melhorar a organização do código e otimizar a visibilidade em motores de busca.
Mais conteúdo relacionado
Semelhante a HTML5 – O que tem de novo?
HTML5 – O que tem de novo?
- 2. 2 HTML5 – Oque tem de novo? Rafael Almeida
- 3. 3 O que éHTML5? O HTML5 é a nova versão do HTML4. W3C focava suas atenções para a criação do XHTML 2.0; Já a WHATWG trabalhava em uma versão do HTML que trazia mais flexibilidade para a produção de websites e sistemas baseados na web. W3C (World Wide Web Consortium) WHATWG (Web Hypertext Application Technology Working Group)
- 4. 4 O que éHTML5? Ao contrário das versões anteriores, o HTML5 fornece ferramentas para a CSS e ao Javascript para fazerem seu trabalho da melhor maneira possível permitindo por meio de suas APIs, a manipulação das características destes elementos, de forma que o website ou a aplicação continue leve e funcional.
- 5. 5 O que éHTML5? ANTES <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- 6. 6 O que éHTML5? AGORA <!DOCTYPE html>
- 7. 7 O que éHTML5? ANTES <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- 8. 8 O que éHTML5? AGORA <meta charset="UTF-8">
- 9. 12 O que éHTML5?
- 10. 13 O que mudouno mercado?
- 11. 14 O que mudouno mercado? Fluxo de desenvolvimento Geralmente o fluxo padrão de desenvolvimento é linear, principalmente em equipes pequenas (agencias, produtoras, etc). Com os padrões web, esse cenário muda para fluxo paralelo.
- 12. 15 O que mudouno mercado? designer back-endprojeto
- 13. 16 O que mudouno mercado? designer back-endfront-end
- 14. 17 O que mudouno mercado? wireframe prototipo design wireframe prototipo front-end wireframe prototipo back-end
- 15. 18 O que mudouno mercado? wireframe prototipo design front-end back-end
- 16. 19 O que temde novo no HTML5?
- 17. 20 O que temde novo no HTML5? O que mudou com HTML5? ➢ Novos elementos; ➢ Novos atributos; ➢ Total suporte a CSS3; ➢ Áudio e Vídeo; ➢ Gráficos 2D e 3D; ➢ Local Storage; ➢ Local SQL Database; ➢ Aplicações web; ➢ Muito mais...
- 18. 21 O que temde novo no HTML5? Elementos Semânticos Novos elementos para cabeçalhos, rodapés, menus, seções, artigos e outros. Também tivemos uma melhoria significativa em elementos de formulários como novos atributos, inputs e validações automáticas.
- 19. 22 O que temde novo no HTML5? Elementos Semânticos
- 20. 23 O que temde novo no HTML5? Gráficos 2D e 3D Podemos desenhar gráficos ou objetos mais facilmente; ➢ Canvas; ➢ SVG; ➢ CSS3 (2D/3D)
- 21. 24 O que temde novo no HTML5? Multimédia Podemos assistir vídeos, ouvir músicas mais fácil do que nunca. ➢ Audio API ➢ Video API
- 22. 25 O que temde novo no HTML5? Aplicações com HTML5 Hoje conseguimos fazer grandes aplicações mais facilmente do que nunca com HTML5; ➢ Local data storage; ➢ Local file access; ➢ Local SQL database; ➢ Application cache; ➢ Javascript workers; ➢ XHTMLHttpRequest 2;
- 23. 26 O que temde novo no HTML5? Além disso ainda podemos fazer muito mais como aplicações em tempo real, acessar hardware dos dispositivos (Desktop / Mobile) e fazer aplicações mais performáticas.
- 24. 27 O que eupreciso saber antes?
- 25. 28 O que eupreciso saber antes? Eis que surge a pergunta: “O que eu preciso saber antes de começar a usar HTML5?”
- 26. 29 O que eupreciso saber antes? HTML + CSS + JavaScript Agora depende de até onde você pretende evoluir.
- 27. 30 O que eupreciso saber antes? Entenda o princípio das coisas A base continua sendo HTML e CSS, então não precisamos pensar muito e ver que HTML5 e CSS3 é o primeiro passo.
- 28. 31 O que eupreciso saber antes? Aprenda JavaScript JavaScript é uma linguagem de programação de fácil aprendizado e muito poderosa por sinal. Teste coisas novas, imagine como certa funcionalidade acontece e entenda que JavaScript não é jQuery.
- 29. 32 O que eupreciso saber antes? Estude aquilo que você usa A tecnologia muda constantemente, se saiu algo novo por que não aprender? Design Responsivo, novas ferramentas, atualizações...
- 30. 33 O que eupreciso saber antes? Sim, você vai ter que aturar o IE Mesmo com novas versões de navegadores, o mercado ainda utiliza versões que ainda não dão suporte a certas funcionalidades do HTML5.
- 31. 34 Mas e oGoogle?
- 32. 35 Mas e oGoogle? Utilizando HTML5 da forma certa, você pode ter certeza que além do seu código ficar mais organizado, o valor semântico da informação vai fazer mais sentido para os motores de busca. Assim você aumenta a probabilidade de seu site ficar em uma melhor posição e isso também faz você ser valorizado.
- 33.
- 34. 37 E tem mais... Saberdesenvolver aplicações com HTML5 pode te levar a outro nível.
- 35. 38 E tem mais... Omercado mobile está crescendo rápido em todo o mundo e podemos desenvolver aplicações móveis com HTML5.