CodeForge

JavaScript de Cero a Experto / Primeros pasos

Qué es JavaScript y dónde vive

Teoría18 min20 XP

Bienvenido al lenguaje de la web. JavaScript es lo que convierte una página quieta en algo VIVO —que reacciona, calcula, recuerda—, y hoy hace mucho más que eso: mueve servidores, apps de escritorio, videojuegos y hasta cohetes de datos. Empezamos desde cero absoluto: qué es, dónde corre, y por qué aprenderlo te abre casi toda la programación moderna.

El idioma que todo el mundo entiende

Con JavaScript haces que un formulario valide lo que escribes, que un menú se abra, que una app cargue datos de internet, que un juego responda a tus teclas. Y desde hace años salió del navegador: el mismo lenguaje corre servidores completos, herramientas de línea de comandos y aplicaciones. Un solo idioma, casi todo el ecosistema.

Dónde corre: el motor

  • Navegador: donde JS nació. Da interactividad a las páginas web.
  • Node.js: JavaScript en tu máquina/servidor — APIs, herramientas, todo el backend. Lo usarás en los cursos de Node, Next y NestJS.
  • Bun: un runtime moderno, muy veloz, compatible con casi todo Node.

Para APRENDER, no necesitas instalar nada aún: correrás el código aquí mismo, en los playgrounds de estas lecciones.

Tu primera línea de código

console.log(...) es la herramienta número uno para empezar: le dice a JavaScript "muéstrame esto". Pruébalo:

Mira el panel de consola: ahí aparece ¡Hola, JavaScript! y 4. Acabas de ejecutar código real. console.log será tu compañero constante para VER lo que tu programa está haciendo por dentro — piénsalo como encender una luz para mirar adentro de la máquina.

¿Qué papel cumple JavaScript en una página web, frente a HTML y CSS?

Mini-reto

En el playground, agrega dos líneas más: una que muestre tu nombre con console.log("Me llamo ...") y otra que calcule cuántos años tendrás en 2050 (console.log(2050 - ...) con tu año de nacimiento). Ejecuta y mira los tres resultados. Jugar con console.log sin miedo es la mejor forma de soltarte — no hay nada que romper.

Qué sigue

Ya ejecutaste código. La próxima lección hace de la CONSOLA tu laboratorio: verás cómo usarla en tu propio navegador (con DevTools), cómo console.log muestra distintos tipos de datos, y cómo dejar notas en el código con los comentarios. Tu banco de pruebas para todo el curso.