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.
Focused view of a computer screen displaying programming code with visible reflections.
JavaScript para principiantes — Foto de Daniil Komov, licencia Pexels

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

¿Estás empezando con JavaScript?

newtiv.com

Domina la base y el DOM antes que cualquier framework, y luego publica un pequeño proyecto interactivo: es el mejor punto de partida.