Aprendiendo JavaScript

Guía completa y amigable para aprender JavaScript desde cero y en español, con explicaciones claras, ejemplos prácticos y ejercicios al final de cada módulo.

🌐 Versión web navegable: https://brayandiazc.github.io/aprendiendo-javascript/ (también puedes leer todo aquí mismo en GitHub).

Tabla de contenidos

• Descripción
• ¿Para quién es?
• Cómo estudiar esta guía
• Contenido
• Requisitos
• Ejecutar los ejemplos
• Cómo está organizado el repositorio
• IA y agentes
• Contribuir
• Recursos adicionales
• Autor
• Licencia
• Agradecimientos

Descripción

Esta guía acompaña a quien empieza desde cero a aprender los fundamentos de JavaScript y a ganar soltura programando. Avanza de forma progresiva: cada módulo asume lo aprendido en el anterior, combina teoría con ejemplos y cierra con ejercicios para practicar.

¿Para quién es?

• Personas que nunca han programado y quieren empezar por JavaScript.
• Quienes ya programan en otro lenguaje y quieren aprender JavaScript en español.
• Estudiantes que buscan material de repaso ordenado por temas.

Cómo estudiar esta guía

1. Sigue los módulos en orden (del 01 al 08): cada uno se apoya en el anterior.
2. Lee la lección, escribe y ejecuta los ejemplos por tu cuenta (no solo los leas).
3. Al final de cada módulo, resuelve los ejercicios antes de mirar las soluciones.
4. Cuando termines, aplica lo aprendido en los proyectos.

Contenido

1. Introducción
   1. ¿Qué es JavaScript?
   2. Historia de JavaScript
2. Fundamentos
   1. Variables
   2. Tipos de datos
   3. Coerción de datos
   4. Operadores
   5. Ejercicios
3. Estructuras de control
   1. Condicionales
   2. Bucles
   3. Ejercicios
4. Funciones
   1. Funciones
   2. Ejercicios
5. Arrays
   1. Arrays
   2. Agregar y eliminar elementos
   3. Iterando arrays
   4. Arrow functions
   5. Arrow functions con arrays
   6. Ejercicios
6. Objetos y clases
   1. ECMAScript 6
   2. Declaración con let y const
   3. String templates
   4. Objetos
   5. Iterando objetos
   6. Desestructuración de objetos
   7. Desestructuración de arrays
   8. Clases
   9. Ejercicios
7. Programación orientada a objetos
   1. Programación orientada a objetos
   2. Declaración de clases
   3. Abstracción en clases
   4. Herencia
   5. Encapsulamiento
   6. Polimorfismo
   7. Ejercicios
8. DOM y eventos
   1. El DOM
   2. Eventos
   3. Selección del DOM
   4. Crear elementos
   5. Eventos del DOM
   6. Agregar eventos a elementos
   7. Manipulación de atributos
   8. localStorage
   9. Elementos dinámicos
   10. Ejercicios
9. Asincronía
   1. Callbacks y código asíncrono
   2. Promesas
   3. async / await
   4. Ejercicios
10. Fetch y APIs
    1. APIs y JSON
    2. fetch
    3. Ejercicios
11. Manejo de errores
    1. try / catch / finally
    2. Lanzar y crear errores
    3. Errores en código asíncrono
    4. Ejercicios
12. Módulos ES
    1. ¿Qué son los módulos?
    2. export e import
    3. Ejercicios
13. String, Number y fechas
    1. Métodos de String
    2. Números y Math
    3. Fechas
    4. Ejercicios
14. Proyectos
    1. Conversor de monedas
    2. Buscador de usuarios (API)

¿Qué viene después? Consulta el roadmap de contenido.

Requisitos

Para seguir la guía solo necesitas:

• Un navegador web moderno (Chrome, Firefox, Edge o Safari).
• Un editor de código (recomendado: Visual Studio Code).
• Opcional, para ejecutar ejemplos fuera del navegador: Node.js.

Ejecutar los ejemplos

Hay dos formas de probar el código, según el tema:

En el navegador (recomendado para todo lo visual y el módulo de DOM):

1. Crea un archivo index.html y un script.js.
2. Enlaza el script en el HTML: <script src="script.js"></script>.
3. Abre el HTML en el navegador y revisa la consola de desarrollador (F12).

Con Node.js (cómodo para fundamentos, funciones, arrays, objetos y POO):

node script.js

console.log("¡Hola, mundo!"); // => ¡Hola, mundo!

Los ejemplos del módulo DOM se ejecutan en el navegador, no en Node. Ver convención de verificación de ejemplos.

Cómo está organizado el repositorio

.
├── 01-introduccion … 13-strings-numeros-fechas/  # Módulos del curso (lecciones .md)
├── proyectos/                  # Proyectos prácticos
├── soluciones/                 # Soluciones ejecutables de los ejercicios
├── docs/                       # Cómo se construye y mantiene el curso
├── specs/                      # Plantillas para planear contenido nuevo
├── index.html · _sidebar.md    # Versión web navegable (docsify + GitHub Pages)
└── .claude/                    # Subagentes y skills de IA del proyecto

La documentación de proceso (estructura, convenciones, decisiones, roadmap y glosario) vive en docs/.

IA y agentes

Este repositorio está listo para IA: el contexto para asistentes vive en AGENTS.md (que CLAUDE.md importa para Claude Code) e incluye subagentes y skills adaptados a este curso (planificar lecciones, revisar exactitud técnica, escribir y verificar ejemplos, mantener índices…). Las reglas para trabajar con IA están en docs/conventions/ai-agents.md.

Contribuir

¡Las contribuciones son bienvenidas! Antes de abrir un PR, lee la Guía de Contribución y el Código de Conducta. Puedes proponer lecciones, corregir errores, mejorar redacción o añadir ejercicios y proyectos.

Recursos adicionales

• MDN Web Docs — JavaScript (referencia oficial en español)
• JavaScript.info (tutorial moderno y profundo)
• Especificación ECMAScript (la fuente de la verdad del lenguaje)

Autor

• Brayan Diaz C — @brayandiazc

Licencia

Este proyecto está bajo la licencia MIT — consulta el archivo LICENSE para más detalles.

Agradecimientos

Si esta guía te resulta útil, puedes:

• Darle una ⭐️ al repositorio.
• Compartirla con quien esté aprendiendo 📢.
• Hacer un fork y contribuir 🤓.
• Abrir un issue con sugerencias o correcciones 🙌.
• Invitar un café ☕.

---

⌨️ con ❤️ por Brayan Diaz C 😊