HTML5 SEMANTICS
Dando significado para a
estruturas, semântica é a
frente e o centro do
HTML5.
Um esforço para deixar a
web mais usável,
direcionada em dados
para programadores e
usuários.
Slide 10
Slide 10 text
OFFLINE & STORAGE
Slide 11
Slide 11 text
OFFLINE & STORAGE
“Web Apps” podem ser
incializados de forma
mais rápida e funcionar
mesmo sem conexão
com a internet, graças ao
HTML5 App Cache, além
das especificações de
Local Storage, Indexed DB
e File API.
Slide 12
Slide 12 text
DEVICE ACCESS
Slide 13
Slide 13 text
DEVICE ACCESS
Com a API de geo-
localização, os Web Apps
podem ter experiências e
diferenciais ricos,
independente do
dispositivo.
Inovações incríveis em
acesso aos dispositivos
estão sendo
desenvolvidas: de áudio e
vídeo como meio de
entrada de dados até
dados locais.
Slide 14
Slide 14 text
CONNECTIVITY
Slide 15
Slide 15 text
CONNECTIVITY
Conexão mais eficiente
significa mais conversas
em tempo real, jogos mais
rápidos e melhor
comunicação.
Web Sockets e Server-
Sent Events estão
trafegando dados entre
cliente e servidor de
maneira mais eficiênte
que nunca.
Slide 16
Slide 16 text
MULTIMEDIA
Slide 17
Slide 17 text
MULTIMEDIA
Áudio e vídeo são
cidadãos de primeira
importância na web com
HTML5, convivendo em
harmonia com seus apps
e sites.
Luzes, câmera e AÇÃO!
Slide 18
Slide 18 text
3D, GRAPHICS
& EFFECTS
Slide 19
Slide 19 text
3D, GRAPHICS
& EFFECTS
Entre SVG, Canvas,
WebGL e CSS3 3D, você
terá garantia de
surpreender seus
usuários com visuais
estonteantes
renderizados de forma
nativa, direto no
navegador.
Slide 20
Slide 20 text
PERFORMANCE
& INTEGRATION
Slide 21
Slide 21 text
PERFORMANCE
& INTEGRATION
Deixe seu Web App e o
conteúdo dinâmico da
web mais rápido com
várias técnicas e
tecnologias, como Web
Workers e
XMLHttpRequest 2.
Nenhum usuário deveria
esperar por você.
Slide 22
Slide 22 text
CSS3 STYLING
Slide 23
Slide 23 text
CSS3 STYLING
CSS3 entrega um imenso
range de estilização e
efeitos, melhorando seu
Web App sem sacrificar a
estrutura semântica ou o
desempenho.
Slide 24
Slide 24 text
HTML5
O que é? Onde vive? De que se alimenta?
Slide 25
Slide 25 text
...
...
...
Slide 26
Slide 26 text
HTML5
O que é? Onde vive? De que se alimenta?
Slide 27
Slide 27 text
No content
Slide 28
Slide 28 text
Exemplos práticos
HTML5
Slide 29
Slide 29 text
No content
Slide 30
Slide 30 text
No content
Slide 31
Slide 31 text
Código
HTML5
Slide 32
Slide 32 text
Links Úteis
HTML5
Slide 33
Slide 33 text
HTML5 Rocks
html5rocks.com
Slide 34
Slide 34 text
Dive Into HTML5
diveintohtml5.info
Slide 35
Slide 35 text
Mozilla Developer Network
developer.mozilla.org
Slide 36
Slide 36 text
Web Platform
webplatform.org
Slide 37
Slide 37 text
WHATWG
whatwg.org
Slide 38
Slide 38 text
FEMUSP
bit.ly/FEMUSP (ASSIM, em maiúsculo)
Slide 39
Slide 39 text
@danielfilho
Daniel Filho
damniel.com/slides
/github
/plus