Desarrollo Web

Cómo viaja un documento desde el servidor hasta convertirse en el árbol DOM del navegador, la anatomía de un documento HTML5 y el valor de la semántica estructural.

Cómo estructurar contenidos relacionados, construir navegación clara y utilizar enlaces, listas, tablas e imágenes de forma robusta y accesible.

Cómo estructurar formularios accesibles, elegir controles HTML adecuados y utilizar la validación nativa del navegador para recoger datos de forma robusta.

Cómo decide el navegador qué reglas CSS aplicar y cómo cada elemento HTML ocupa espacio mediante el modelo de caja.

Cómo distribuir y alinear elementos en una dimensión con Flexbox y construir estructuras bidimensionales con CSS Grid.

Cómo adaptar una interfaz a distintos tamaños de pantalla mediante diseño Mobile-First, media queries y unidades fluidas, sin depender de breakpoints arbitrarios ni introducir frameworks.

Cómo el navegador transforma un documento HTML en un árbol de objetos manipulable mediante JavaScript y cómo localizar, inspeccionar y modificar elementos del DOM de forma controlada.

Cómo responde el navegador a la interacción del usuario mediante eventos, el ciclo de propagación (captura y bubbling) y el patrón de delegación para interfaces dinámicas eficientes.

Cómo representar el estado de una interfaz en JavaScript, sincronizarlo con el DOM y persistir datos localmente mediante LocalStorage.

Proyecto final del módulo para construir una aplicación web cliente completa integrando HTML semántico, CSS responsive, DOM, eventos, estado y persistencia local.