Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HTML - HyperText Markup Language - HTML5

322 views

Published on

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

Published in: Software
  • Be the first to comment

  • Be the first to like this

HTML - HyperText Markup Language - HTML5

  1. 1. • Novos elementos semânticos • Novas entradas • Novos atributos
  2. 2. • 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
  3. 3. • APIs para acesso ao dispositivo, como camera, touch screen, gps e sensores
  4. 4. Geolocation (localização geográfica) http://html5demos.com/geo Network status (online/offline) http://html5demos.com/offline
  5. 5. • Web Apps • App Cache • Local Storage
  6. 6. Armazenamento de dados https://webkit.org/demos/sticky-notes/ https://webkit.org/demos/calendar/Calendar.html
  7. 7. • Web Sockets • Server-Sent Events
  8. 8. Conexão com internet http://html5demos.com/offline Websocket http://www.websocket.org/echo.html http://html5demos.com/web-socket
  9. 9. • <audio> • <video>
  10. 10. Áudio http://goo.gl/MavRZX Vídeo http://goo.gl/88R9RV
  11. 11. • Elementos Gráficos <canvas> <svg> • Tecnologias WebGL CSS3
  12. 12. 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/
  13. 13. • Técnicas e Tecnologias • Web Workers • XMLHttpRequest - https://www.chrome.com/racer
  14. 14. Suporte a CSS3 <style> <link> Novos Módulos
  15. 15. CSS3D Clouds http://www.clicktorelease.com/code/css3dclouds/ Uma hora por segundo http://www.onehourpersecond.com/
  16. 16. • 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/)

×