Qué instalar antes de empezar

7 herramientas gratuitas con las que empieza cualquier camino en programación. Márcalas mientras las instalas — el progreso se guarda mientras estás en la página.

Progreso de instalación0 / 7

Paso 1

Navegador Google Chrome

La herramienta principal de desarrollo — DevTools integradas para depurar HTML, CSS y JavaScript directamente en la página.

Se necesita desde la lección 1

Paso 2

Visual Studio Code

Un editor de código gratuito que se ha convertido en el estándar de la industria — resaltado de sintaxis, autocompletado y terminal integrada.

Se necesita desde la lección 1

Paso 3

Extensiones de VS Code

Live Server (vista previa instantánea en el navegador), Prettier (formateo automático de código) — ahorran horas de trabajo rutinario.

Se necesita desde la lección 2

Paso 4

Node.js

Permite ejecutar JavaScript fuera del navegador — lo necesitarás más adelante, al pasar al backend y trabajar con paquetes (npm).

Se necesita al pasar a frameworks

Paso 5

Git

Un sistema de control de versiones — guarda el historial de cambios del código y permite volver atrás si algo se rompe.

Se necesita para tu primer proyecto propio

Paso 6

Una cuenta en GitHub

Almacenamiento en la nube para tu código — también donde publicarás el portafolio que verán los empleadores.

Se necesita para tu portafolio

Paso 7

La terminal integrada

Ya está dentro de VS Code — no hay que instalar nada extra. Los comandos básicos (cd, ls, git) se aprenden en una tarde.

Se necesita desde la lección 1

Preguntas Frecuentes

¿Hay que pagar por alguna de estas herramientas?

No — las 7 herramientas de esta lista son completamente gratuitas para uso personal, incluyendo VS Code, Node.js, Git y una cuenta de GitHub.

¿Se puede aprender a programar sin instalar nada?

En parte — un navegador ya está en cualquier ordenador, y las primeras lecciones de HTML/CSS/JS se pueden hacer incluso sin un editor de código. Pero para trabajar cómodamente, instalar VS Code y el resto lleva unos 20 minutos.

¿Este kit de herramientas funciona en Windows, macOS y Linux?

Sí — todas las herramientas de la lista son multiplataforma y funcionan igual en Windows, macOS y Linux.

Herramientas listas — hora de escribir código

El curso gratuito de JavaScript te enseña a usar cada una de estas herramientas en la práctica desde la primera lección — no de forma abstracta, sino en tareas reales.

🎓 Obtener el curso en Udemy ▶️ Gratis en YouTube