HTML 5 es la versión 5 del lenguaje de marcado de hipertexto básico de la World Wide Web. Incluye nuevas APIs y características para varios navegadores modernos y trabaja en conjunto con otras tecnologías y frameworks. HTML 5 llegó para mejorar la web y dirigirla a posibilidades infinitas, proporcionando una forma simplificada y sencilla de crear sitios web, juegos y aplicaciones móviles.
2. TSU. Erick Aguila Martínez
Agenda HTML 5
• Soporte
• ¿Por qué usar HTML 5?
• ¿Cómo usar HTML 5?
• Componentes
• API´s
• Novedades
• Simplificar
• Dudas, preguntas o aclaraciones
3. HTML 5
¿Qué significa?
Hyper Text Markup Language en su versión 5
¿Qué es?
Es el lenguaje de marcado de hipertexto básico de World Wide
Web.
• La primer publicación fue lanzada en 2008
• La publicación Living Standart fue lanzada en 2012
• La publicación final y recomendada fue lanzada en 2014
4. HTML 5 Soporte
HTML 5 cuenta con el soporte para los navegadores modernos
• Mozilla
• Safari
• Opera
• Google Chrome
• Internet Explorer 8.0+
5. ¿Porqué usar HTML 5?
HTML es un lenguaje unificado para web, móvil y desarrollo de
videojuegos.
Puede ejecutarse en todas las plataformas
Windows 8, Windows phone, iOS, Android, Web.
6. ¿Cómo usar HTML 5?
Para crear una aplicación con HTML 5 completa y funcional necesitamos
de 3 componentes.
7. Componentes
HTML 5 es quien define la estructura básica del proyecto.
<header> </header>
<footer> </footer>
<nav> </nav>
<article>
</article>
<seccion>
</seccion>
<aside>
</aside>
10. API´s
Interfaz de programación de aplicaciones (IPA) o API del ingles
application programming interface.
Son el conjunto de subrutinas, funciones o procedimientos que ofrece
cierta biblioteca para ser utilizado por otro software.
11. API´s
HTML 5 implementa las siguientes API´s
• Geolocalización
• Drag and Drop
• Local Storage
• App Cache
• Web Workers
• SSE
12. Novedades
HTML 5 incluye nuevas etiquetas y nuevos componentes para ser
utilizadas en sitios web
• Contenido multimedia Audio/Video (sin plugins)
• Animaciones con estilo Adobe Flash (sin Adobe Flash)
• Almacenamiento de datos (Local Storage)
• Efectos de texto (Animación)
13. Novedades
HTML 5 además de agregar una gran cantidad de API´s de tipos
contenido, diferentes efectos y combinaciones maravillosas con
frameworks como BOOTSTRAP, FUNDATION, SEMANTIC UI
MATERIALIZE CSS simplifico las etiquetas de HTML 4.
Teniendo un código más sencillo y pequeño.
15. Conclusión / Resumen
En resumen
HTML 5 el lenguaje de marcado de hipertexto en version 5 incluye
nuevas APIs y novedades para varios navegadores, trabajando
en conjuto con otras tecnologias y frameworks.
Termino con la conclusión de que:
HTML 5 llego para mejorar la www, dirigiendola a posibilidades
infinitas, es decir que nos proporcina una facilidad para crear
sitios web, juegos, aplicaciones moviles de una manera
simplificada y sencilla.