Saltar al contenido
Saltar al contenido principal

¡Hola! Es hora de despertar a la Web

¿Cuál es la misión?

En este curso generaremos una página web con la integracción de JavaScript, totalmente desde cero.

¿Por qué estamos aquí?​

¡Qué gusto saludarte! 👋 En esta versión te acompañaré a darle interactividad con JS a todo que la web se resuelve. Piénsalo así: hasta ahora, con HTML construiste el esqueleto y la estructura de tu casa. Con CSS, la decoraste, pintaste las paredes y elegiste los muebles. Se ve increíble, pero... las luces no encienden, el timbre no suena y las puertas no se abren.

JavaScript es la electricidad Es la magia que convierte un documento estático en una experiencia viva. A lo largo de estas sesiones, vamos a usar ese mismo documento que ya conoces y le vamos a enseñar a "hablar" contigo.

Tu inventario de viaje​

Para que disfrutes este viaje y no sufras en el intento, necesitamos que traigas algunas cosas en la mochila. No te preocupes, no necesitas ser un genio de las matemáticas, solo necesitas lógica y curiosidad.

Lo indispensable:​

  • ✅ Tu base: Entender que HTML son las "cosas" y CSS es el "estilo".
  • ✅ Tu herramienta: Un editor de código (VS Code es nuestro favorito).
  • ✅ Tu ventana: Un navegador moderno (Chrome, Firefox, Edge).
  • ✅ Lo más importante: Perderle el miedo a equivocarse. (Spoiler: te vas a equivocar, y está bien, así aprendemos).

🗺️ El Mapa del Tesoro​

No vamos a aprender JavaScript leyendo un diccionario de la A a la Z. Vamos a aprender resolviendo problemas reales. Así es como estructuraremos tu cerebro de programador:

  1. Guardando datos en mi blog 🧠
    • La Memoria: Enseñaremos al blog a recordar títulos, nombres y categorías.
  2. Utilizando el DOM 🔌
    • La Conexión: Conectaremos el cerebro (JS) con el cuerpo (HTML).
  3. Contar sin decidir 🧮
    • El Cálculo: Aprenderemos a sumar visitas y tiempos de lectura.
  4. Tomando decisiones ⚖️
    • El Criterio: Enseñaremos al blog a elegir: "¿Le pongo estrella de favorito o no?".
  5. Validaciones y lógica 🛡️
    • La Seguridad: Nos aseguraremos de que los datos sean correctos antes de guardarlos.
  6. Ordenando el cerebro 🧩
    • La Organización: Crearemos funciones para no tener un caos mental.
  7. Repitiendo sin cansarnos 🔄
    • La Automatización: Dejaremos que la máquina haga el trabajo repetitivo (Ciclos).
  8. Modificando listas dinámicas 📋
    • La Colección: Manejaremos listas de artículos que crecen y cambian (Arrays).
  9. Agrupando objetos 📦
    • La Realidad: Modelaremos cosas complejas del mundo real dentro del código.

🧪 ¿Cómo vamos a trabajar?​

Yo seré tu guía, pero tú serás el creador. En cada lección tendrás:

  • Videos cortos: Directo al grano, sin rodeos.
  • Código real: Ejemplos que puedes copiar, romper y arreglar.
  • Quizzes: Pequeños retos para asegurar que el concepto quedó claro.
🎥 ¿Como navegar?
Como navegar

¿Qué serás capaz de hacer?​

Al terminar, dejarás de ver la web como "páginas" y empezarás a verla como "aplicaciones". Podrás:

  • Hacer que botones reaccionen.
  • Modificar textos e imágenes automáticamente.
  • Crear una web que sienta que está viva.

¿Listo para la magia?​

Tu primer archivo de JavaScript te está esperando. Respira hondo, relaja los hombros y haz clic en "Siguiente".

💬 Nota de tu copiloto

Si en algún momento te sientes atascado, recuerda: todos los grandes programadores empezaron sin saber nada. Consulta la documentación de MDN Web Docs o pregúntame a mí. ¡Estamos juntos en esto!

¡Nos vemos en el siguiente código!