Desarrollo Web: HTML, CSS y JS

Temario jerárquico

Módulo 1 - Cómo funciona la Web y preparación del entorno

1. 1.1. Internet, Web, URL, DNS, HTTP y navegador
2. 1.2. Cliente, servidor, solicitud y respuesta
3. 1.3. Archivos, rutas, extensiones y estructura de proyecto
4. 1.4. Editor, DevTools, terminal y servidor local
5. 1.5. Git básico: repositorio, commit y recuperación

Módulo 2 - Documento HTML y semántica estructural

1. 2.1. DOCTYPE, html, head, body y metadatos
2. 2.2. Encabezados y jerarquía del documento
3. 2.3. header, nav, main, article, section, aside y footer
4. 2.4. Elementos de bloque, fraseo y flujo de contenido
5. 2.5. Validación, indentación y lectura del árbol DOM

Módulo 3 - Texto, listas, enlaces y contenido enriquecido

1. 3.1. Párrafos, énfasis, citas y abreviaturas
2. 3.2. Listas ordenadas, no ordenadas y descriptivas
3. 3.3. Enlaces internos, externos, fragmentos y descargas
4. 3.4. Fechas, código, datos y caracteres especiales
5. 3.5. Redacción de texto alternativo y nombres de enlace

Módulo 4 - Imágenes, audio, video y contenido adaptable

1. 4.1. Formatos de imagen y elección por caso
2. 4.2. img, figure, figcaption y texto alternativo
3. 4.3. Imágenes responsivas con srcset, sizes y picture
4. 4.4. Audio, video, controles, subtítulos y transcripciones
5. 4.5. Carga diferida, dimensiones y prevención de saltos de diseño

Módulo 5 - Tablas y formularios HTML

1. 5.1. Tablas, caption, encabezados y alcance
2. 5.2. Form, label, fieldset, legend y agrupación
3. 5.3. Tipos de input, select, textarea y button
4. 5.4. Validación nativa y atributos de restricción
5. 5.5. Autocompletado, mensajes y envío de datos

Módulo 6 - Accesibilidad desde el HTML

1. 6.1. Principios perceptible, operable, comprensible y robusto
2. 6.2. Idioma, títulos, regiones y orden de lectura
3. 6.3. Teclado, foco visible y enlace para saltar contenido
4. 6.4. Nombre, rol, valor y la regla de HTML primero
5. 6.5. Pruebas manuales con teclado y árbol de accesibilidad

Módulo 7 - CSS: cascada, herencia y selectores

1. 7.1. Sintaxis, hojas externas y modelo de reglas
2. 7.2. Selectores de tipo, clase, atributo y combinadores
3. 7.3. Pseudo-clases y pseudo-elementos
4. 7.4. Cascada, origen, importancia, capas y especificidad
5. 7.5. Herencia, valores iniciales, revert y depuración

Módulo 8 - Modelo de caja, tamaños y unidades

1. 8.1. Content, padding, border y margin
2. 8.2. box-sizing y cálculo de tamaño
3. 8.3. Unidades absolutas, relativas y de viewport
4. 8.4. Display, flujo normal y generación de cajas
5. 8.5. Overflow, min/max, aspect-ratio y object-fit

Módulo 9 - Tipografía, color y fondos

1. 9.1. Familias, fuentes web y pilas de reserva
2. 9.2. Escala tipográfica, longitud de línea e interlineado
3. 9.3. Espacios de color, variables y transparencia
4. 9.4. Fondos, gradientes, bordes y sombras
5. 9.5. Contraste, forced colors y preferencias de esquema

Módulo 10 - Diseño unidimensional con Flexbox

1. 10.1. Contenedor, elementos y ejes de Flexbox
2. 10.2. flex-basis, grow, shrink y shorthand
3. 10.3. Justificación, alineación y espacio
4. 10.4. Wrap, gap, auto margins y patrones frecuentes
5. 10.5. Orden visual frente a orden del DOM

Módulo 11 - Diseño bidimensional con CSS Grid

1. 11.1. Líneas, pistas, celdas y áreas
2. 11.2. fr, minmax, repeat y funciones de ajuste
3. 11.3. Colocación explícita y automática
4. 11.4. Alineación, superposición y subgrid
5. 11.5. Grid responsivo sin puntos de quiebre excesivos

Módulo 12 - Diseño responsivo y consultas de contenedor

1. 12.1. Enfoque mobile-first y viewport
2. 12.2. Media queries por ancho y capacidad
3. 12.3. Container queries y unidades de contenedor
4. 12.4. Imágenes, tipografía y espaciado fluidos
5. 12.5. Pruebas responsivas y puntos de quiebre guiados por contenido

Módulo 13 - Transformaciones, transiciones y animación responsable

1. 13.1. Transformaciones 2D y origen
2. 13.2. Transiciones, propiedades y curvas
3. 13.3. Keyframes, iteración y composición
4. 13.4. Rendimiento de animación y herramientas de inspección
5. 13.5. prefers-reduced-motion y alternativas sin movimiento

Módulo 14 - CSS mantenible: propiedades personalizadas y arquitectura

1. 14.1. Propiedades personalizadas, fallback y alcance
2. 14.2. Tokens de decisión y temas
3. 14.3. Capas de cascada y organización por componentes
4. 14.4. Convenciones de nombres y reducción de acoplamiento
5. 14.5. Normalización, compatibilidad y deuda CSS

Módulo 15 - JavaScript: sintaxis, valores y operadores

1. 15.1. Integración de scripts, modo estricto y consola
2. 15.2. let, const, alcance y convenciones
3. 15.3. Tipos primitivos, objetos y typeof
4. 15.4. Operadores, coerción e igualdad estricta
5. 15.5. Strings, plantillas, números, fechas y BigInt

Módulo 16 - Control de flujo, funciones y alcance

1. 16.1. Condicionales, truthiness y operador condicional
2. 16.2. Bucles y control de iteración
3. 16.3. Declaraciones, expresiones y funciones flecha
4. 16.4. Parámetros, retorno, closures y alcance léxico
5. 16.5. Errores, throw, try, catch y finally

Módulo 17 - Colecciones, objetos y transformación de datos

1. 17.1. Arrays, indexación, copia y destructuración
2. 17.2. map, filter, reduce, find y ordenamiento
3. 17.3. Objetos, propiedades, métodos y prototipos
4. 17.4. Map, Set, iterables y generadores
5. 17.5. JSON, clonación, inmutabilidad y validación

Módulo 18 - DOM, eventos y formularios interactivos

1. 18.1. Selección, recorrido y modificación del DOM
2. 18.2. Creación segura de nodos y plantillas
3. 18.3. Modelo de eventos, propagación y delegación
4. 18.4. FormData, validación personalizada y mensajes
5. 18.5. Estado de interfaz, foco y anuncios de cambios

Módulo 19 - Asincronía, promesas y Fetch

1. 19.1. Event loop, tareas y microtareas
2. 19.2. Promesas, encadenamiento y combinadores
3. 19.3. async, await y manejo de excepciones
4. 19.4. Fetch, Request, Response, cabeceras y JSON
5. 19.5. AbortController, reintentos, caché y estados de interfaz

Módulo 20 - Módulos, dependencias y herramientas de proyecto

1. 20.1. ES modules: export, import y ámbito
2. 20.2. Import maps, carga diferida y dependencias
3. 20.3. package.json, scripts y versionado semántico
4. 20.4. Bundling, transpilación y source maps
5. 20.5. Linting, formato y configuración compartida

Módulo 21 - APIs del navegador y persistencia local

1. 21.1. Web Storage, IndexedDB y criterios de elección
2. 21.2. URL, History y navegación de una sola página
3. 21.3. Clipboard, Notifications y modelo de permisos
4. 21.4. Canvas, multimedia y observadores
5. 21.5. Detección de características y mejora progresiva

Módulo 22 - Seguridad y privacidad del frontend

1. 22.1. Modelo de origen, CORS y credenciales
2. 22.2. XSS, contextos de salida y textContent
3. 22.3. CSP, recursos de terceros y Subresource Integrity
4. 22.4. CSRF, cookies y almacenamiento de secretos
5. 22.5. Privacidad, permisos y reducción de datos

Módulo 23 - Rendimiento y experiencia de carga

1. 23.1. Ruta crítica de renderizado y waterfall
2. 23.2. Core Web Vitals: LCP, INP y CLS
3. 23.3. Optimización de imágenes, fuentes, CSS y JavaScript
4. 23.4. Carga diferida, división de código y prioridades
5. 23.5. Medición de laboratorio, campo y presupuesto de rendimiento

Módulo 24 - Pruebas, depuración y calidad

1. 24.1. Estrategia de pruebas y criterios de aceptación
2. 24.2. Pruebas unitarias de funciones y DOM
3. 24.3. Pruebas de integración y recorridos críticos
4. 24.4. Depuración con breakpoints, red y rendimiento
5. 24.5. Validación, accesibilidad automatizada y matriz de navegadores

Módulo 25 - Proyecto final, publicación y mantenimiento

1. 25.1. Alcance, historias y criterios de terminado
2. 25.2. Arquitectura de información y prototipo técnico
3. 25.3. Implementación incremental y revisión por pares
4. 25.4. Despliegue estático, HTTPS, dominio y caché
5. 25.5. Auditoría final, documentación y retrospectiva