Cómo funciona la web

No instalás nada

Todo lo que vas a hacer en este recorrido ocurre en el navegador. No hay editor que descargar, no hay terminal, no hay configuración de entorno. El sandbox — el editor de código integrado en cada lección — corre directamente acá.

Escribís código, ves el resultado al instante, y avanzás. Así de simple.


Dos pilares: el recorrido y la referencia

La plataforma tiene dos secciones principales, con propósitos distintos:

El recorrido es el camino guiado. Lecciones cortas, en orden, con un ejercicio al final. Está pensado para aprender de cero: cada lección construye sobre la anterior. Es por donde estás pasando ahora.

La referencia es el catálogo consultable. Cuando quieras recordar cómo funciona una propiedad CSS, buscar un atributo HTML, o ver un ejemplo rápido, ahí lo encontrás. No está pensada para leerla de corrido, sino para consultarla cuando lo necesitás — como un diccionario.


Cómo funciona el sandbox

En las lecciones con ejercicio vas a ver un editor dividido en dos paneles:

  • Panel izquierdo: el editor. Escribís tu código HTML o CSS ahí.
  • Panel derecho: el preview. Muestra el resultado en tiempo real, sin que tengas que hacer nada.

No hay botón de “ejecutar”: el resultado se actualiza solo mientras escribís.


Cómo avanzar

El ritmo lo ponés vos. Podés:

  • Leer la explicación y pasar al ejercicio directamente.
  • Releer una sección cuantas veces necesites.
  • Consultar la referencia desde cualquier punto del recorrido.
  • Volver a una lección anterior si querés repasar algo.

No hay tiempo límite ni penalidad por equivocarse. El único objetivo es que entiendas lo que estás haciendo.


Con esto ya tenés el modelo mental necesario para arrancar. En la siguiente lección vas a escribir tu primer elemento HTML.

¿Para qué sirve la referencia?

Es un catálogo consultable de HTML y CSS. No está pensada para leerla en orden, sino para buscar algo puntual cuando lo necesitás: cómo funciona una propiedad, qué atributos acepta una etiqueta, ejemplos de uso.

¿Qué pasa si escribís código incorrecto en el sandbox?

Nada grave. El preview simplemente muestra el resultado de lo que escribiste — si algo no funciona, lo ves de inmediato. No hay penalidad por equivocarse; es parte del proceso de aprendizaje.

Sandbox libre — probá lo que aprendiste:

Preview