🗺️ Mapa de Aventuras
Cada aventura te enseña algo nuevo. Complétalas en orden y conviértete en un maestro de la web.
Tu progreso total0/60
🏗️0/10
Nivel 1: Fundamentos de HTML
Las piezas básicas de toda página web
🤖▶️
Aventura 1¿Qué es HTML?🤖🔒
Aventura 2El esqueleto de una página🦊🔒
Aventura 3Títulos grandes y pequeños🐙🔒
Aventura 4Párrafos y saltos de línea👾🔒
Aventura 5Texto con estilo🦊🔒
Aventura 6Listas ordenadas y desordenadas👾🔒
Aventura 7Imágenes en la web🐙🔒
Aventura 8Enlaces a otros lugares🤖🔒
Aventura 9Cajas con <div>🦊🔒
Aventura 10Mi primera página personal🎨0/10
Nivel 2: Introducción a CSS
Dale color y estilo a tus páginas
👾🔒
Aventura 11¿Qué es CSS?👾🔒
Aventura 12Fondos de colores🤖🔒
Aventura 13El tamaño del texto🐙🔒
Aventura 14Centrar el texto👾🔒
Aventura 15Tipos de letra🦊🔒
Aventura 16Decora el texto🤖🔒
Aventura 17Bordes para las cajas🦊🔒
Aventura 18Esquinas redondeadas🐙🔒
Aventura 19Espacio interior👾🔒
Aventura 20Mi tarjeta con estilo🧱0/10
Nivel 3: HTML intermedio
Tablas, formularios y etiquetas semánticas
🤖🔒
Aventura 21Tablas para ordenar datos🦊🔒
Aventura 22Encabezados de tabla🐙🔒
Aventura 23Formularios y campos de texto👾🔒
Aventura 24Etiquetas de campo🤖🔒
Aventura 25Botones🦊🔒
Aventura 26Más campos de formulario🐙🔒
Aventura 27Semántica I: cabecera, menú y pie👾🔒
Aventura 28Semántica II: contenido principal🦊🔒
Aventura 29Imágenes con leyenda🤖🔒
Aventura 30Mi página semántica completa✨0/10
Nivel 4: CSS intermedio
Flexbox, posiciones y efectos
🤖🔒
Aventura 31Cajas en fila con flex👾🔒
Aventura 32Repartir el espacio🦊🔒
Aventura 33Centrar arriba y abajo🐙🔒
Aventura 34Espacio entre cajas🤖🔒
Aventura 35Espacio exterior👾🔒
Aventura 36Sombra de caja🦊🔒
Aventura 37Transparencia con opacity🤖🔒
Aventura 38Girar con transform👾🔒
Aventura 39Efectos al pasar el cursor🦊🔒
Aventura 40Fila de cajas con estilo📱0/10
Nivel 5: Diseño responsive
Páginas que se ven bien en cualquier pantalla
🤖🔒
Aventura 41Anchos en porcentaje👾🔒
Aventura 42Imágenes que no se desbordan🐙🔒
Aventura 43Crecer hasta un límite🦊🔒
Aventura 44La pregunta mágica: @media🤖🔒
Aventura 45Esconder en pantallas chicas🐙🔒
Aventura 46Texto que se adapta👾🔒
Aventura 47Cajas que saltan de línea🦊🔒
Aventura 48Fila en grande, columna en chico🤖🔒
Aventura 49Centrado en toda la pantalla🐙🔒
Aventura 50Mi galería responsive🧠0/10
Nivel 6: JavaScript básico
Haz que tus páginas cobren vida y respondan
🤖🔒
Aventura 51¿Qué es JavaScript?🦊🔒
Aventura 52Variables: cajitas con datos🐙🔒
Aventura 53Números y cuentas👾🔒
Aventura 54Eventos: ¡botones que escuchan!👾🔒
Aventura 55Cambiar estilos con JS🦊🔒
Aventura 56Condicionales: la página decide🐙🔒
Aventura 57Funciones: hechizos con nombre👾🔒
Aventura 58Bucles for: repetir sin cansarse🤖🔒
Aventura 59Crear elementos nuevos🦊🔒
Aventura 60La puerta secreta (proyecto)