Material do curso de Desenvolvedor para Internet no SENAC de São Miguel do Oeste-SC

5. • Novos elementos
semânticos
• Novas entradas
• Novos atributos

7. • 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

8. • APIs para acesso ao
dispositivo, como
camera, touch screen,
gps e sensores

9. Geolocation (localização geográfica)
http://html5demos.com/geo
Network status (online/offline)
http://html5demos.com/offline

10. • Web Apps
• App Cache
• Local Storage

11. Armazenamento de dados
https://webkit.org/demos/sticky-notes/
https://webkit.org/demos/calendar/Calendar.html

12. • Web Sockets
• Server-Sent Events

13. Conexão com internet
http://html5demos.com/offline
Websocket
http://www.websocket.org/echo.html
http://html5demos.com/web-socket

14. • <audio>
• <video>

15. Áudio
http://goo.gl/MavRZX
Vídeo
http://goo.gl/88R9RV

16. • Elementos Gráficos
<canvas>
<svg>
• Tecnologias
WebGL
CSS3

17. 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/

18. • Técnicas e Tecnologias
• Web Workers
• XMLHttpRequest
- https://www.chrome.com/racer

19. Suporte a CSS3
<style>
<link>
Novos Módulos

20. CSS3D Clouds
http://www.clicktorelease.com/code/css3dclouds/
Uma hora por segundo
http://www.onehourpersecond.com/

21. • 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/)