Instalación de JavaScript — JS: Configuración del entorno

• Instalación de Node.js
• ¿Cómo saber si Node.js se instaló correctamente?
• Explorando el REPL de Node.js
  • ¿Cómo abrir el REPL?
  • Probemos algunas operaciones:
  • ¿Cómo salgo del REPL?
• ¿REPL es lo mismo que la terminal?
• Escribamos código en archivos .js
  • 1. Instalar un editor de código
  • 2. Crear y ejecutar nuestro primer archivo JavaScript

JavaScript empezó como un lenguaje que solo funcionaba en los navegadores, es decir, cuando visitábamos páginas web. Pero hoy en día, gracias a una herramienta llamada Node.js, también podemos usar JavaScript directamente en nuestra computadora, sin necesidad de abrir un navegador.

Pero antes de hacer todo eso, lo primero es instalar Node.js en nuestro sistema.

Instalación de Node.js

👉 Si aún no lo tienes en tu computador, puedes seguir este tutorial para instalarlo en Ubuntu: Instrucciones para instalar Node.js en Ubuntu

Una vez termines, reinicia tu computador para asegurarte de que todo se haya configurado correctamente.

🎬 Aquí puedes ver un ejemplo de instalación:

¿Cómo saber si Node.js se instaló correctamente?

Después de reiniciar tu equipo, abre la terminal y escribe:

node --version

Si ves algo parecido a esto:

v17.6

🎉 ¡Listo! Ya tienes Node.js instalado. No te preocupes si el número es distinto, lo importante es que no sea una versión muy antigua. Se recomienda tener al menos la versión 17.6 o superior.

Explorando el REPL de Node.js

Cuando instalamos Node.js, también recibimos una herramienta llamada REPL, que son las siglas en inglés de: Read - Eval - Print - Loop. En español, esto significa:

1. Leer lo que escribimos.
2. Evaluar (o ejecutar) ese código.
3. Imprimir el resultado.
4. Volver a esperar más instrucciones.

¿Cómo abrir el REPL?

Abre la terminal y simplemente escribe:

node

Verás algo así:

>

Ese símbolo indica que ya estás dentro del REPL, listo para escribir código JavaScript.

Probemos algunas operaciones:

> 1 + 5
6
> 7 % 2
1

También puedes declarar variables y hacer operaciones con ellas:

> a = 5
5
> b = 10
10
> a + b
15

¿Cómo salgo del REPL?

Tienes varias opciones para salir:

1. Escribe .exit y presiona Enter
2. Presiona CTRL + C dos veces o presiona CTRL + D

¿REPL es lo mismo que la terminal?

Mira este ejemplo:

> cd ~
SyntaxError: Unexpected token ~

Ese cd es un comando del sistema, y como REPL no lo entiende, arroja un error.

Escribamos código en archivos .js

El REPL es útil para pruebas rápidas, pero para proyectos más grandes o duraderos, debemos guardar el código en archivos.

1. Instalar un editor de código

Vamos a usar Visual Studio Code (VS Code), que es uno de los editores más populares para programar en JavaScript.

👉 Descárgalo desde aquí: Visual Studio Code

Cuando lo instales, puedes abrirlo desde la terminal con:

code .

Esto abre el editor en el directorio actual (donde estés ubicado en la terminal).

2. Crear y ejecutar nuestro primer archivo JavaScript

Sigue estos pasos:

1️⃣ Abre VS Code.

2️⃣ Crea un archivo nuevo y guárdalo como index.js.

3️⃣ Escribe este código básico:

// Este código imprime un mensaje en la consola
console.log("Hello, Códica!");

4️⃣ Guarda el archivo.

5️⃣ Abre la terminal dentro de la misma carpeta donde guardaste el archivo. 6️⃣ Ejecuta el archivo así:

node index.js

Deberías ver como resultado:

Hello, Códica!

¡Acabamos de ejecutar JavaScript fuera del navegador!

Ahora estamos listos para empezar a crear cosas increíbles con JavaScript en nuestro propio computador.

Trabajo independiente

node -v

node

Math.sqrt(256) + 100 // Si ves 116, ¡funciona!

console.log('¡Hola, Códica!');

node index.js

¡Hola, Códica!

Materiales adicionales

1. Cómo trabajar con Linux en Windows.
2. Instalación de GIT en Windows.
3. Gestores de versiones de lenguajes.