CursosEmpresasBlogLiveConfPrecios

¡Hola Mundo!

Clase 5 de 80 • Curso de JavaScript Desde Cero

Contenido del curso

Primeros Pasos

Funciones y This

Tomar examen
Resumen

Escribir tu primer "Hola mundo" en JavaScript es mucho más que un ritual de iniciación: es la forma más directa de comprobar que tu entorno de desarrollo funciona correctamente. Existen al menos cuatro caminos para lograrlo, cada uno con ventajas específicas según el tipo de proyecto en el que estés trabajando.

¿Cómo ejecutar JavaScript desde la consola del navegador?

La manera más rápida de probar código JavaScript es abrir el navegador —se recomienda Chrome o Firefox— y acceder a las dev tools (herramientas del desarrollador). Solo necesitas hacer clic derecho en cualquier pestaña, seleccionar inspeccionar y dirigirte a la sección console [01:00].

Dentro de la consola escribes:

javascript console.log("Hola, mundo");

El método console.log es una instrucción de JavaScript que imprime mensajes en la consola. Al presionar enter, el mensaje aparece de inmediato. Esta herramienta es ideal para:

  • Probar fragmentos de código de forma inmediata.
  • Hacer debugging rápido mientras trabajas con HTML y CSS.
  • Verificar valores o comportamientos sin necesidad de crear archivos.

Sin embargo, escribir mucho código directamente en la consola del navegador no es óptimo porque resulta difícil de leer y organizar.

¿Cómo usar HTML para ejecutar JavaScript interno y externo?

JavaScript interno con la etiqueta script

Desde Visual Studio Code, crea un archivo con extensión .html —por ejemplo, clase-hola-mundo.html—. Al escribir el atajo para generar la estructura HTML5, obtienes el esqueleto básico del documento [02:00].

Dentro del <body>, agrega la etiqueta <script> y escribe tu código JavaScript directamente:

html

<body> <script> console.log("Hola, mundo"); </script> </body>

Guarda el archivo, ábrelo en el navegador colocando la ruta de tu carpeta y, al inspeccionar la consola, verás el mensaje "Hola, mundo" [02:38].

JavaScript externo con el atributo src

Una práctica más organizada consiste en separar el código JavaScript en su propio archivo. Crea un archivo con extensión .js —por ejemplo, clase-hola-mundo.js— y escribe dentro:

javascript console.log("Hola, mundo");

Después, en tu archivo HTML, utiliza el atributo src (source, que significa fuente) dentro de la etiqueta <script> para indicar desde dónde se carga el código [03:05]:

html

<script src="clase-hola-mundo.js"></script>

Al recargar el navegador, el mensaje aparece en la consola e incluso se muestra la referencia al archivo externo desde el que se ejecuta. Esta separación entre HTML y JavaScript es fundamental para mantener proyectos limpios y escalables.

¿Cuándo conviene usar Node.js para ejecutar JavaScript?

Con Node.js instalado, puedes ejecutar archivos JavaScript directamente desde la terminal, sin necesidad de un navegador ni de HTML [03:55]. Basta con escribir:

bash node clase-hola-mundo.js

El resultado es el mismo "Hola, mundo" impreso en la terminal. Node.js es especialmente útil cuando:

  • Trabajas del lado del servidor y no necesitas interfaz visual.
  • Quieres desarrollar algoritmos puros en JavaScript sin depender de HTML o CSS.
  • Necesitas un entorno ligero para pruebas rápidas fuera del navegador.

¿Cuál herramienta elegir según tu proyecto?

Cada entorno tiene su momento ideal. La consola del navegador brilla en el desarrollo front end para revisiones rápidas y debugging en tiempo real. Visual Studio Code con archivos .js y .html es la opción recomendada para el trabajo diario, especialmente en proyectos grandes o colaborativos, porque permite organizar el código en archivos separados con resaltado de colores que facilita la lectura [04:30]. Y Node.js resuelve escenarios donde el navegador simplemente no es necesario.

La recomendación práctica es clara: usa Visual Studio Code como tu herramienta principal, recurre a la consola del navegador para validaciones inmediatas y apóyate en Node.js cuando tu código no requiera interfaz gráfica. ¿Ya probaste las cuatro formas? Comparte cuál prefieres y por qué.