JavaScript es el lenguaje de la web en el navegador, y también un lenguaje de servidor muy extendido (Node.js). Es un buen segundo lenguaje, y un paso obligado para todo lo interactivo en una página.
Esta guía asume conocimientos básicos de HTML/CSS; si no, empieza por HTML y CSS: los fundamentos.
01 — Dónde se ejecuta
Navegador y servidor
En el navegador, JavaScript reacciona a los clics, modifica la página, llama a APIs. Con Node.js, se ejecuta del lado del servidor para herramientas, APIs, scripts. El lenguaje es el mismo, el entorno cambia.
02 — La base
Lo que hay que saber antes que nada
- Variables (let, const), tipos, operadores.
- Condicionales, bucles, funciones (incluidas las funciones flecha).
- Arrays y métodos (map, filter, reduce), objetos.
- Programación asíncrona: promesas y async/await.
03 — El DOM
Actuar sobre la página
Seleccionar elementos, escuchar eventos, modificar el contenido y las clases. Esto es lo que da vida a una página. Cuidado con las trampas: olvidar quitar un listener, manipular el DOM antes de que esté listo.
04 — Un primer proyecto
Pequeño, terminado, interactivo
Una lista de tareas, un cuestionario, un conversor, un mini-juego, o una página que consuma una API pública con fetch. Publícala. Es tu prueba.
05 — La continuación
Elegir un framework más tarde
Una vez adquirido el lenguaje, un framework (React, Vue, Svelte) se vuelve útil. Tomarlo demasiado pronto oculta fundamentos que luego harán falta.
06 — Preguntas frecuentes
Aprender JavaScript en solo 5 minutos (en francés) — Melvynx
Preguntas frecuentes
¿JavaScript o Python primero?
Para la web interactiva, JavaScript. Para datos, automatización e IA, Python. Ambos se complementan.
¿Hay que aprender React de inmediato?
No. Primero la base del lenguaje y el DOM; React después, cuando sus ventajas se vuelvan evidentes.
¿Cuándo toca TypeScript?
Después de sentirte cómodo con JavaScript. TypeScript añade tipos útiles a medida que los proyectos crecen.
07 — Recursos y enlaces
A dónde ir, concretamente
Aprender
- MDN — Guía de JavaScript
- La referencia, en español.
- developer.mozilla.org/es/docs/Web/JavaScript/Guide

Réagissez
Commentaires