Ya creaste tu primera página web: agregaste contenido, cambiaste colores y viste tu código en el navegador. ¡Felicidades! 🎉

Ahora, ¿qué sigue? No necesitas aprenderlo todo de una vez. Elige un tema, practícalo y construye algo pequeño.

1. Entiende cómo funciona la web 🌐

Cuando escribes una dirección en el navegador, ocurren varias cosas:

  • El dominio es el nombre del sitio, como ejemplo.com.

  • El DNS ayuda a encontrar la dirección asociada a ese nombre.

  • El navegador solicita recursos a un servidor mediante HTTP y los interpreta para mostrar la página.

📚 Introducción al desarrollo web — MDN

2. HTML: construye la estructura 🧱

HTML organiza el contenido de tu página: títulos, párrafos, imágenes, enlaces y formularios.

TypeScript · Fragmento ilustrativo
<h1>¡Hola! Soy Dhanibel</h1>
<p>Esta es mi primera página web.</p>

Reto: agrega una lista de tus intereses a la tarjeta del taller.

📚 Tu primer sitio web — MDN

3. CSS: dale estilo 🎨

CSS controla cómo se ve tu página: colores, tipografía, espacios y distribución.

TypeScript · Fragmento ilustrativo
h1 {
  color: purple;
}

Cuando domines lo básico, explora el box model, Flexbox, Grid y diseño responsive.

Reto: cambia los colores de tu tarjeta y revisa cómo se ve en un celular.

📚 Aprende Flexbox jugando — Flexbox Froggy

4. JavaScript: agrega comportamiento ✨

JavaScript hace que tu página responda a acciones. Por ejemplo, puede mostrar un mensaje al hacer clic en un botón.

Empieza con variables, funciones, condicionales, arrays, eventos y el DOM, que te permite trabajar con los elementos de la página.

Reto: agrega un botón que muestre un saludo.

📚 El tutorial moderno de JavaScript

5. Git y GitHub: guarda y comparte 💻

Git te ayuda a guardar versiones de tu proyecto. GitHub te permite alojarlo y compartirlo.

Comienza con git status, git add, git commit, git push y git pull.

Reto: sube tu tarjeta a un repositorio en GitHub.

📚 GitHub Skills

6. Construye proyectos pequeños 🚀

Pon en práctica lo que aprendes con proyectos que aumenten poco a poco en dificultad:

  1. Personaliza tu tarjeta del taller.

  2. Crea una página personal.

  3. Construye una calculadora.

  4. Haz una lista de tareas.

  5. Crea una aplicación del clima que consulte una API para obtener información.

📚 Más ideas de proyectos — roadmap.sh

7. ¿Cuándo aprender React? ⚛️

Primero familiarízate con HTML, CSS y JavaScript, especialmente funciones, arrays, eventos y el DOM. Con esa base, React tendrá más sentido.

Recursos en español 📚

No esperes a saberlo todo para crear. Haz páginas imperfectas, rompe cosas y vuelve a intentarlo.

Tu primera página web es solo el comienzo.

Guía inspirada en mi taller «Mi primera página web».