Lección 02: Configuración del Entorno

🧠 Concepto

Para empezar a programar en JavaScript necesitamos dos herramientas principales: un editor de código y un entorno de ejecución. Vamos a instalar y configurar todo lo necesario.

Node.js

Node.js es un entorno que permite ejecutar JavaScript fuera del navegador. Viene con npm (Node Package Manager), un gestor de paquetes.

Instalación:

1. Ve a nodejs.org
2. Descarga la versión LTS (Long Term Support)
3. Ejecuta el instalador y sigue los pasos
4. Verifica la instalación abriendo una terminal y escribiendo:

node --version
npm --version

VS Code

Visual Studio Code es el editor más popular para JavaScript.

Instalación:

1. Ve a code.visualstudio.com
2. Descarga e instala
3. Abre VS Code

Extensiones recomendadas:

• Prettier (formateo automático de código)
• ESLint (detecta errores en tu código)
• JavaScript (ES6) code snippets (atajos de código)

La consola del navegador

El navegador es tu primer laboratorio de pruebas. Presiona F12 (o clic derecho > Inspeccionar > Consola) y escribe código JavaScript directamente.

💻 Ejemplo

Hello World con Node.js:

app.js

console.log('Hello, World!');

Para ejecutarlo: abre la terminal, navega a la carpeta donde guardaste el archivo y escribe:

node app.js

Hello World en la consola del navegador:

Abre la consola con F12 y escribe:

console.log('¡Hola desde el navegador!');

Diferencia clave:

• En el navegador tienes acceso a alert(), document, window
• En Node.js tienes acceso a archivos, red, y el sistema operativo

📝 Ejercicio

1. Instala Node.js desde nodejs.org (versión LTS).
2. Abre la terminal y ejecuta node --version. Anota la versión.
3. Crea una carpeta llamada curso-js en tu escritorio.
4. Dentro de esa carpeta, crea un archivo hola.js con console.log('Hola, curso').
5. Ejecútalo con node hola.js.
6. Abre el navegador, presiona F12, y en la consola escribe console.log('Todo listo para aprender').

⚠️ Nota

Si al ejecutar node --version te aparece un error, asegúrate de haber reiniciado la terminal después de la instalación. En Windows, a veces necesitas reiniciar el equipo.

🎯 Tip

Usa la terminal integrada de VS Code (Ctrl+Ñ o View > Terminal) para no tener que cambiar de ventana. Puedes abrir la carpeta completa con File > Open Folder.