Configuración: Node + npm, ejecución de .js y consola de DevTools
Instale Node, verifique las versiones, ejecute archivos .js, aprenda los conceptos básicos de npm y practique con la consola de DevTools del navegador.
Configuración: Node + npm, ejecución de .js y consola de DevTools es una lección gratuita de JavaScript Academy en CoddyKit. Esta es la lección 2 de 3. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de JavaScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de JavaScript Academy incluye 3 lecciones en total.
Introducción
Objetivo: Configurar Node y npm, ejecutar un archivo .js y utilizar la consola de DevTools del navegador.
- Instalar y verificar Node
- Conceptos básicos de npm
- Ejecutar archivos .js
- Utilizar las herramientas de la consola
Verificar Node y npm
Verifique: en una terminal, ejecute node -v y npm -v. Si aparecen las versiones, la configuración está lista.
Crear y ejecutar un archivo
Cree hello.js y ejecútelo con node hello.js.
// hello.js — minimal program to run with Node
function greet(name) {
return "Hello, " + name + "!";
}
const message = greet("CoddyKit");
console.log(message);
// Run from terminal in this folder: node hello.js
Inicio rápido de npm
Dentro de una carpeta de proyecto, ejecute npm init -y para crear package.json. Añada un script: "start": "node hello.js". Después, ejecute npm run start.
Herramientas de la consola
Utilice console.log, console.table y console.time para inspeccionar y medir tareas pequeñas.
// Basic console utilities that work in Node and browsers
const user = { name: "Ayla", level: 1 };
console.log("User:", user);
console.table([{ key: "name", value: user.name }, { key: "level", value: user.level }]);
console.time("work");
for (let i = 0; i < 100000; i++) {}
console.timeEnd("work");
console.warn("Heads up: demo complete.");
Conceptos básicos de DevTools
Abra DevTools (F12 o haga clic derecho → Inspeccionar) y cambie a Consola. Pegue fragmentos pequeños, pulse Intro y lea la salida. Consejo: borre con clear().
Cuestionario sobre la versión de Node
Comprobación rápida: comando para consultar la versión de Node.
Repaso
Repaso: Ha verificado Node y npm, ha ejecutado un archivo .js, ha aprendido un script sencillo de npm y ha utilizado las herramientas de la consola tanto en Node como en el navegador.
Preguntas frecuentes
¿La lección «Configuración: Node + npm, ejecución de .js y consola de DevTools» es gratis?
Sí — el texto completo de «Configuración: Node + npm, ejecución de .js y consola de DevTools» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de JavaScript Academy, actualiza a CoddyKit PRO. El curso de JavaScript Academy incluye 3 lecciones en total.
¿Qué aprenderé en «Configuración: Node + npm, ejecución de .js y consola de DevTools»?
Instale Node, verifique las versiones, ejecute archivos .js, aprenda los conceptos básicos de npm y practique con la consola de DevTools del navegador. Practicas JavaScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar JavaScript Academy?
No se requiere experiencia previa. JavaScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 3.
¿Cuánto tiempo toma la lección «Configuración: Node + npm, ejecución de .js y consola de DevTools»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de JavaScript Academy?
Sí. Cada lección de JavaScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- ¿Qué es JavaScript? Motores (V8/SpiderMonkey) y runtimes (Browser frente a Node)
- Configuración: Node + npm, ejecución de .js y consola de DevTools
- Primer programa y E/S (console y alertas en el navegador)