[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

1. Geolocalización

   1. Uso y aplicaciones de la geolocalización en la web
   2. Soporte en los navegadores y el objeto Geolocation
   3. API de geolocalización y sus propiedades
   4. Propiedades y atributos de PositionOptions y Position

2. Mensajería Web

   1. Métodos de mensajería en aplicaciones web
   2. Establecimiento de confianza entre dominios (CORS y ORIGEN)
   3. Comunicación mediante puertos y canales de mensajes
   4. Uso del objeto MessagePort y el evento MessageEvent

3. Web Workers

   1. Introducción a los Web Workers y su utilidad
   2. Características y funcionamiento de los Web Workers
   3. Propiedades y métodos del objeto Worker y WorkerGlobalScope
   4. Tipos de Web Workers y su terminación desde un script

4. Arrastrar y Soltar (Drag and Drop)

   1. Conceptos básicos y soporte en navegadores
   2. Implementación de "carga útil" de datos en el proceso de arrastre
   3. Eventos asociados: drag y drop

5. Aplicaciones Desconectadas

   1. Soporte en navegadores y gestión de caché en aplicaciones offline
   2. Uso de navigator.online y applicationCache
   3. Asociación de manifiestos de caché con páginas web

6. XMLHttpRequest Nivel 2

   1. Beneficios y mejoras de XHR2 sobre la versión anterior
   2. Estados, controladores de eventos y métodos del objeto XHR
   3. Propiedades clave del objeto XHR

7. WebSockets

   1. Introducción y propiedades de WebSockets
   2. Métodos y controladores de eventos de WebSockets
   3. Comunicación en tiempo real entre el servidor y el cliente
   4. Creación y uso de EventSource para eventos enviados por el servidor

8. CSS3 Avanzado

   1. Selectores avanzados y especificidad
   2. Creación de contenido generado con CSS
   3. Uso de mediaqueries para diseño responsivo
   4. Depuración de estilos CSS y técnicas de optimización
   5. Estilos avanzados: colores, sombras, efectos de texto, bordes y fondos
   6. Uso de degradados, transformaciones, transiciones y animaciones en CSS3
   7. Técnicas de programación Sass

9. Preprocesadores CSS

   1. Introducción y ventajas de Sass
   2. 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

http://www.apress.com/9781430238645