HTML5 va más allá de todas las versiones anteriores de HTML en cuanto alcance y poder. No es solo una actualización de los elementos o etiquetas de la última versión, sino que su verdadero potencial está basado en las secuencias de comandos. Por eso, HTML5 junto a JavaScript y CSS nos ofrece la oportunidad de desarrollar páginas o aplicaciones Web realmente potentes.
Dirigido a:
Cualquier persona interesada en aprender HTML, el estándar a la hora de la creación de páginas web.
Duración: 50H
Modalidad: Online
- Introducción
- Historia de HTML
- Potencial de HTML5
- Principales novedades de HTML5
- Elementos necesarios para trabajar con HTML5
- Nuevas etiquetas de HTML5 y etiquetas que desaparecen
- Un vistazo a la recomendación de W3C
- Etiquetas que desaparecen
- Nuevas etiquetas que aparecen
- Explicación y ejemplos de las nuevas etiquetas
- Nueva forma de estructurar una página Web
- Principales novedades
- Nuevas etiquetas
- Ejemplo de estructuración de una página Web
- Nuevos campos de formulario
- Cambios en las etiquetas que ya existían
- Nuevas etiquetas
- Cambios en los controles que ya existían
- Nuevos tipos de controles
- Etiquetas multimedia de AUDIO y VIDEO
- Introducción
- Diferencias entre formatos y compatibilidades
- Colocar un archivo de VÍDEO en nuestra página
- Colocar un archivo de AUDIO en nuestra página
- Controlando el ERROR en los elementos de vídeo y audio
- Creando nuestro propio reproductor de vídeo y audio
- Utilizando reproductores ya creados
- Aprender a trabajar con Canvas
- Introducción
- Dibujando rectángulos y triángulos
- Dibujando arcos y curvas
- Creando textos
- Dibujando y modificando imágenes
- Creando gráficos
- Creando gradientes de color
- Creando animaciones
- Interesantes opciones para crear contenido animado
- Nuevas opciones con CSS3
- Introducción
- Transformaciones 2D en CSS3
- Transformaciones 3D en CSS3
- Animaciones en CSS3
- Transiciones en CSS3
- Drag and Drop
- Introducción
- Eventos y propiedades
- El objeto dataTransfer
- Ejemplo Drag&Drop
- Ejemplo Drag&Drop entre navegador y escritorio
- Edición inline
- Introducción
- Opciones disponibles
- Creando un editor de texto
- Geolocalización
- Introducción
- Cómo detectar la ubicación
- Cómo diferenciar el error ocurrido
- Posicionarnos con Google Maps
- Almacenamiento Web
- Introducción
- Almacenamiento en sesión
- Almacenamiento en local
- Otras opciones de almacenamiento
- Almacenamiento en caché
- Comunicaciones en HTML5
- Introducción
- Mensajería Web
- La API de Web Messaging
- Ejemplo con Web Messaging
- Canales y puertos con Web Messaging
- WebSockets
- La API de WebSockets
- Ejemplo con WebSockets
- Servidores para WebSocket