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">
11. 14
O que mudou no 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.
17. 20
O que tem de 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 tem de 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 tem de novo no HTML5?
Elementos Semânticos
20. 23
O que tem de 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 tem de 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 tem de 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 tem de 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.
25. 28
O que eu preciso saber antes?
Eis que surge a pergunta:
“O que eu preciso saber antes de começar a usar HTML5?”
26. 29
O que eu preciso saber antes?
HTML + CSS + JavaScript
Agora depende de até onde você pretende evoluir.
27. 30
O que eu preciso 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 eu preciso 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 eu preciso 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 eu preciso 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.
32. 35
Mas e o Google?
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.