HTML - HyperText Markup Language - HTML5

• Novos elementos

semânticos

• Novas entradas

• Novos atributos

• Fim dos plugins e “gambiarras”

• Padronização definitiva em qualquer plataforma (desktop / mobile / tv);

• Experiência do usuário otimizada (de acordo com a região!).

http://goo.gl/6DVq3p

• APIs para acesso ao

dispositivo, como

camera, touch screen,

gps e sensores

Geolocation (localização geográfica)

http://html5demos.com/geo

Network status (online/offline)

http://html5demos.com/offline

• Web Apps

• App Cache

• Local Storage

Armazenamento de dadoshttps://webkit.org/demos/sticky-notes/

https://webkit.org/demos/calendar/Calendar.html

• Web Sockets

• Server-Sent Events

Conexão com internet

http://html5demos.com/offline

Websocket

http://www.websocket.org/echo.html

http://html5demos.com/web-socket

• <audio>

• <video>

Áudio

http://goo.gl/MavRZX

Vídeo

http://goo.gl/88R9RV

• Elementos Gráficos

<canvas>

<svg>

• Tecnologias

WebGL

CSS3

Canvas

http://hakim.se/experiments/html5/bakemono/01/

http://html5demos.com/canvas

http://html5demos.com/canvas-grad

http://9elements.com/io/projects/html5/canvas/

http://davidwalsh.name/canvas-demos

http://sketch.io/sketchpad/

WebGL

http://www.ro.me/

• Técnicas e Tecnologias

• Web Workers

• XMLHttpRequest

- https://www.chrome.com/racer

Suporte a CSS3

<style>

<link>

Novos Módulos

CSS3D Clouds

http://www.clicktorelease.com/code/css3dclouds/

Uma hora por segundohttp://www.onehourpersecond.com/

• Minicurso Intel XDK (https://goo.gl/BQFQ8V)

• http://www.freepik.com/

• http://www.uxdesign.blog.br/wp-content/uploads/2013/03/Anatomia-do-HTML5.png

• HTML5 Demos and Examples (http://html5demos.com/)

• Seminário HTML5 (http://pt.slideshare.net/FabianoFavaro/seminario-html-5)

• HTML5 (https://www.w3.org/TR/html5/)

• W3C HTML5 Logo (https://www.w3.org/html/logo/)