[TWB-020] HTML 5 y CSS3 Avanzado
Este curso avanzado de HTML5 y CSS3 profundiza en herramientas modernas para desarrollo web, como Geolocalización, Web Workers, mensajería web, arrastrar y soltar, aplicaciones desconectadas, WebSockets y más. Incluye técnicas avanzadas de CSS3, como animaciones, transiciones, mediaqueries y programación con Sass, optimizando interactividad, diseño y rendimiento.
Duración: 15 horas
Perfil: Avanzado
Dirigido a
Esta acción formativa va dirigida a maquetadores, programadores y analistas que deseen dominar técnicas avanzadas de HTML5 y CSS3 para crear aplicaciones web interactivas, seguras y modernas.
Requisitos previos
Los alumnos necesitarán conocimientos consolidados de etiquetas y maquetación con HTML5, uso de hojas de estilo CSS3 y de JavaScript.
Objetivos
Aplicar la geolocalización y la mensajería web en proyectos.
Implementar Web Workers.
Crear funcionalidades de arrastrar y soltar con carga de datos.
Desarrollar aplicaciones desconectadas con almacenamiento en caché.
Utilizar XMLHttpRequest Nivel 2 y WebSockets para comunicación avanzada.
Dominar las características avanzadas de CSS3.
Contenido
Geolocalización
Uso y aplicaciones de la geolocalización en la web
Soporte en los navegadores y el objeto
GeolocationAPI de geolocalización y sus propiedades
Propiedades y atributos de
PositionOptionsyPosition
Mensajería Web
Métodos de mensajería en aplicaciones web
Establecimiento de confianza entre dominios (CORS y ORIGEN)
Comunicación mediante puertos y canales de mensajes
Uso del objeto
MessagePorty el eventoMessageEvent
Web Workers
Introducción a los Web Workers y su utilidad
Características y funcionamiento de los Web Workers
Propiedades y métodos del objeto
WorkeryWorkerGlobalScopeTipos de Web Workers y su terminación desde un script
Arrastrar y Soltar (Drag and Drop)
Conceptos básicos y soporte en navegadores
Implementación de "carga útil" de datos en el proceso de arrastre
Eventos asociados:
dragydrop
Aplicaciones Desconectadas
Soporte en navegadores y gestión de caché en aplicaciones offline
Uso de
navigator.onlineyapplicationCacheAsociación de manifiestos de caché con páginas web
XMLHttpRequest Nivel 2
Beneficios y mejoras de XHR2 sobre la versión anterior
Estados, controladores de eventos y métodos del objeto
XHRPropiedades clave del objeto
XHR
WebSockets
Introducción y propiedades de WebSockets
Métodos y controladores de eventos de WebSockets
Comunicación en tiempo real entre el servidor y el cliente
Creación y uso de
EventSourcepara eventos enviados por el servidor
CSS3 Avanzado
Selectores avanzados y especificidad
Creación de contenido generado con CSS
Uso de
mediaqueriespara diseño responsivoDepuración de estilos CSS y técnicas de optimización
Estilos avanzados: colores, sombras, efectos de texto, bordes y fondos
Uso de degradados, transformaciones, transiciones y animaciones en CSS3
Técnicas de programación Sass
Preprocesadores CSS
Introducción y ventajas de Sass
Técnicas de programación avanzada con Sass para mejorar el mantenimiento del código CSS
Documentación Recomendada
Pro HTML5 Programming (2nd Edition)
Peter Lubbers , Brian Albers , Frank Salim
Noviembre 2011 | XXX páginas
ISBN: 9781430238645