Laboratorios

Código que funciona.

7 labs disponibles · De principiante a avanzado

8 Labs totales
3 Materias
~10h Contenido total
01
Tecnologías Web Principiante

Tu primera página web

Construye una página HTML semántica desde cero. Estructura, navegación, imágenes y formularios.

HTML semánticoEstructura básicaFormularios
45 min
02
Tecnologías Web Intermedio

Layout con CSS Grid

Diseña un layout magazine de múltiples columnas usando CSS Grid y posicionamiento avanzado.

CSS GridResponsiveVariables CSS
60 min
03
Tecnologías Web Avanzado

Observador reactivo

Implementa un sistema de reactividad minimalista con Proxy, similar al core de Vue o Solid.

ProxyEvent systemReactivity
90 min
04
Bases de Datos Intermedio

Esquema de e-commerce

Diseña y normaliza el esquema de base de datos para una tienda online con productos, órdenes y usuarios.

NormalizaciónForeign KeysDDL
75 min
05
Bases de Datos Avanzado

Queries analíticas

Escribe consultas con Window Functions para calcular rankings, promedios móviles y tendencias.

Window FunctionsCTEsAnalytics
90 min
06
Redes Intermedio

Configura un servidor HTTP

Levanta un servidor HTTP con Node.js, configura headers, rutas y manejo de errores desde cero.

HTTPNode.jsHeaders
60 min
07
Tecnologías Web Intermedio

Sistema de tokens de diseño

Crea un sistema de design tokens con CSS Custom Properties que soporte múltiples temas.

Custom PropertiesThemingDesign Tokens
50 min
08
Tecnologías Web Avanzado

Mini framework de componentes

Construye un sistema de componentes con templates, estado local y lifecycle hooks en vanilla JS.

ComponentsStateTemplates
120 min
Próximamente