HTML LAB 10°

Desafío desarrollador web

Cuatro laboratorios interactivos para construir la arquitectura de un proyecto, depurar HTML, diseñar con CSS y programar una interacción con JavaScript.

Bonus: esta página funciona como centro de práctica. Desde aquí se abren los cuatro laboratorios, se prueba código y se descargan archivos para publicarlos posteriormente en Cloudflare Pages.

</>

1. Arquitectura del proyecto

Crea la estructura y descarga una plantilla con index.html, styles.css y app.js.

2. Depuración bajo presión

Corrige un código defectuoso con validación automática y vista previa.

4. CSS profesional

Construye un diseño adaptable con variables, tarjetas, Grid y media queries.

5. JavaScript

Programa un botón de tema y comprueba la interacción en tiempo real.