JavaScript

JavaScript es el lenguaje de programación de la web. HTML pone la estructura, CSS el diseño y JavaScript le da vida: menús que se abren, formularios que se validan al escribir, carritos de compras, mapas, chats en tiempo real y aplicaciones completas que funcionan en el navegador.

Es el único lenguaje que los navegadores entienden de forma nativa, y gracias a Node.js también se usa en el servidor, en herramientas de línea de comandos, apps móviles (React Native) y de escritorio (Electron). Aprender JavaScript bien es la inversión más rentable que puedes hacer como desarrollador web: casi todos los proyectos para clientes lo necesitan.

En este curso empiezas desde cero (variables, condicionales, bucles) y avanzas hasta temas profesionales: asincronía, consumo de APIs, módulos, programación orientada a objetos, depuración, buenas prácticas y herramientas modernas como npm y Vite. Cada lección tiene ejemplos comentados, demos en vivo que puedes editar y ejercicios con solución.

Qué vas a poder hacer al terminar

• Escribir JavaScript moderno (ES2015+) limpio y fácil de mantener.
• Manipular cualquier página web con el DOM y responder a eventos del usuario.
• Validar formularios en el navegador con mensajes claros.
• Guardar datos en el navegador con localStorage y trabajar con JSON.
• Consumir APIs REST con fetch, async/await y manejo de errores profesional.
• Organizar tu código en módulos y clases.
• Depurar errores con las DevTools como un profesional.
• Crear proyectos con npm y Vite y construir tres apps completas: lista de tareas, buscador con API y carrito de compras.

Requisitos previos

• Saber cómo funciona la web y usar un editor de código: Fundamentos.
• HTML básico: Curso de HTML.
• CSS básico: Curso de CSS.

No necesitas experiencia previa programando.

Temario

Nivel básico

1. Qué es JavaScript — Qué es, de dónde viene y dónde se ejecuta.
2. Incluir JS y la consola — Etiqueta <script>, defer, archivos externos y la consola de DevTools.
3. Variables y tipos — let, const, var, tipos primitivos y conversiones.
4. Operadores — Aritméticos, comparación, lógicos, ??, ?. y ternario.
5. Condicionales — if, else, switch y cláusulas de guarda.
6. Bucles — for, while, for...of, for...in, break y continue.
7. Funciones — Declaración, flecha, parámetros, return y callbacks.
8. Scope y closures — Alcance de variables y funciones que "recuerdan".
9. Arrays — Crear, recorrer y modificar listas.

Nivel intermedio

10. Métodos de arrays — map, filter, reduce, find, sort y más.
11. Objetos — Propiedades, métodos, desestructuración y spread.
12. Strings y template literals — Métodos de texto, interpolación y formateo de moneda.
13. Fechas y Math — Date, Intl y números aleatorios.
14. El DOM — Seleccionar, crear, modificar y eliminar elementos.
15. Eventos — Clics, teclado, propagación y delegación.
16. Formularios y validación — FormData, validación nativa y personalizada.
17. Storage y JSON — localStorage, sessionStorage y JSON.

Nivel avanzado

18. Asincronía — Callbacks, promesas, async/await y el event loop.
19. Fetch y APIs REST — Consumir APIs con manejo de errores.
20. Módulos ES — import, export y organización del código.
21. POO y clases — Clases, herencia, this y campos privados.
22. Errores y depuración — try/catch, errores propios y DevTools.

Nivel profesional

23. Buenas prácticas — Clean code, patrones y refactorización.
24. npm y Vite — Herramientas modernas para proyectos reales.
25. Proyecto: lista de tareas — CRUD completo con filtros y localStorage.
26. Proyecto: buscador con API — Buscador de Pokémon con debounce, caché y cancelación.
27. Proyecto: carrito de compras — Catálogo, cantidades, IVA, descuentos y persistencia.

Cómo aprovechar este curso

No solo leas: escribe cada ejemplo tú mismo, rómpelo a propósito y arréglalo. Usa el Playground para probar código sin instalar nada y haz los ejercicios antes de ver la solución.

Al terminar, continúa con TypeScript para escribir JavaScript con tipos, como en los equipos profesionales.