Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
• Novos elementos
semânticos
• Novas entradas
• Novos atributos
• Fim dos plugins e “gambiarras”
• Padronização definitiva em qualquer plataforma (desktop / mobile / tv);
• Experiência d...
• 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/offli...
• Web Apps
• App Cache
• Local Storage
Armazenamento de dados
https://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-...
• <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:...
• 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 segundo
http://www.onehourpersecond.com/
• Minicurso Intel XDK (https://goo.gl/BQFQ8V)
• http://www.freepik.com/
• http://www.uxdesign.blog.br/wp-content/uploads/2...
HTML - HyperText Markup Language - HTML5
HTML - HyperText Markup Language - HTML5
HTML - HyperText Markup Language - HTML5
HTML - HyperText Markup Language - HTML5
HTML - HyperText Markup Language - HTML5
Nächste SlideShare
Wird geladen in …5
×

HTML - HyperText Markup Language - HTML5

336 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Software
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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/)

×