Tecnologíahtml5

562 views
407 views

Published on

breve introducción a HTL5

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
562
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Tecnologíahtml5

  1. 1. HTML5Ing. Tec. Andrés Aguilarandresyoshiimar@gmail.com@nano_yosh
  2. 2. ¿Qué es HTL5?
  3. 3. ¿Qué es HTL5?• Salió en 2008• Nuevas etiquetas – Nuevos atributos• Soporte total de CSS3• Video y Audio• Graficos 2D/3D• Almacenamiento local – Base de datos SQL local• Aplicaciones Web
  4. 4. Nueva semántica
  5. 5. Semántica• Nuevas etiquetas: – header – nav – section – article – hgroup – footer
  6. 6. Semántica• Nuevos atributos: – Input type: • calendar • date • time • email • url • search required [=“required”]
  7. 7. Almacenamiento local
  8. 8. Almacenamiento localAPI java script para almacenar datos dellado del cliente• Cache de aplicación• Almacenaje local• Base de datos SQL
  9. 9. Acceso a dispositivos
  10. 10. Acceso a dispositivos• Acceso a dispositivos periféricos como: – Cámara y micrófono – Datos locales – Orientación• Geolocalización
  11. 11. Conectividad
  12. 12. Conectividad• Sockets Web NodeJS Socket-IO
  13. 13. Multimedia
  14. 14. MultimediaEtiquetas para medios – Audio – Video Formatos: ogg mp3 mp4
  15. 15. Gráficos y efectos
  16. 16. Gráficos y efectos• Elemento canvas – WebGL y – las imágenes SVG
  17. 17. Rendimiento e integración
  18. 18. Rendimiento e integración • Almacenamiento en caché HTTP • Almacenamiento en caché de datos locales • AJAX
  19. 19. Estilos CSS3
  20. 20. Estilos CSS3• Transformaciones 2D• Transiciones• Transformaciones 3D• Fuentes Web• ResponsiveDesign
  21. 21. Empresas con HTML5
  22. 22. ¿El futuro de la Web? Presente de la Web
  23. 23. Enlaces de interés• Whatwg - http://whatwg.org• W3C - http://www.w3.org/• CodeJobs - http://www.codejobs.biz• Mejorando.la - https://mejorando.la• MaestrosDelWeb - http://maestrosdelweb.com• Cristalab - http://www.cristalab.com
  24. 24. Referencias• W3C: – http://www.w3.org/html/logo/ – http://www.w3schools.com/html/html5_intro.asp• APPLE – https://www.apple.com/html5/• Html5rocks – http://www.html5rocks.com/es/• Whatwg – www.whatwg.org/

×