Tu entrada en la programación: El programa "Hola Mundo

Por Jan Brinkmann Última actualización: 4 de octubre de 2026

La programación de software no solo es una habilidad, sino también una forma de arte, que se ve influenciada por tradiciones. Una de estas tradiciones es escribir un programa de “Hola Mundo”, que se considera como un punto de partida en nuevos lenguajes de programación desde la década de 1970 en la comunidad de programadores. En este tutorial aprenderás cómo escribir tu primer programa de “Hola Mundo” en JavaScript. ¡Comencemos!

Reproducir vídeo de YouTube

El vídeo solo se carga desde YouTube al reproducirlo; en ese momento se transmiten datos (entre ellos la dirección IP) a YouTube/Google. Más información en la política de privacidad

Principales aprendizajes

• “Hola Mundo” es el primer script de programación que muchos programadores han escrito.
• El programa muestra cómo crear una página HTML básica.
• JavaScript se utiliza para agregar funciones interactivas.

Guía paso a paso

Paso 1: Crea tu archivo HTML

Comienza creando un nuevo archivo en tu escritorio. Nombra este archivo “hola_mundo.html”. Este es el lugar donde escribirás tu programa por primera vez. Ya he creado este archivo. El nombre del archivo es simple y directo, lo que facilita su entendimiento.

Paso 2: Estructura básica para HTML

Cada archivo HTML necesita una estructura que describa la web. Comienza con las etiquetas HTML básicas. Estas incluyen la etiqueta <html>, que rodea todo el contenido, y las dos áreas más importantes: <head> y <body>. El área <head> contiene metainformación, mientras que el área <body> alberga el contenido visible.

Agrega las siguientes líneas a tu archivo “hola_mundo.html”:

<!DOCTYPE html>
<html>
<head> <title>Hola Mundo</title>
</head>
<body>
</body>
</html>

Paso 3: Completa el área del Body

Ahora que tienes la estructura básica de tu archivo HTML, es hora de llenar el área <body> con contenido dinámico. Sin embargo, no simplemente escribiremos texto en la etiqueta <body>. En su lugar, utilizaremos JavaScript para generar el contenido de manera dinámica.

Paso 4: Agrega JavaScript

Para usar JavaScript, necesitas la etiqueta <script> dentro de tu etiqueta <head>. Este es el área donde escribirás tu código JavaScript. Agrega el siguiente código:

<script type="text/javascript"> window.alert('Hola Mundo');
</script>

El comando window.alert crea un popup con el mensaje “Hola Mundo”. Asegúrate de que esto se coloque dentro de la etiqueta <head>.

Paso 5: Prueba tu programa

Guarda el archivo y ábrelo en tu navegador web. Al cargar la página, deberías ver una ventana emergente que muestra “Hola Mundo”. Esto indica que tu JavaScript funciona correctamente y que has ejecutado tu primer programa con éxito.

Paso 6: Reflexiona sobre lo aprendido

Ahora que sabes cómo escribir un simple programa de “Hola Mundo”, es importante reflexionar sobre el proceso de aprendizaje. No solo has aprendido a crear un archivo HTML y a implementar JavaScript, sino también cómo estas dos tecnologías trabajan juntas para crear páginas web interactivas. El flujo de trabajo que acabas de seguir – desde escribir el código hasta probarlo en el navegador – es una parte fundamental del desarrollo de software.

Resumen – Tu primer paso en la programación: El programa “Hola Mundo”

Has aprendido cómo crear una página HTML y escribir un sencillo programa de JavaScript que muestra el clásico “Hola Mundo”. Esta tradición no solo es un paso importante hacia la programación de software, sino que también ofrece un sólido inicio en el mundo del desarrollo web.

Instructor Sobre Jan Brinkmann Desarrollo web con pasión Jan es desarrollador desde hace más de 15 años. Está especializado en tecnología web y de aplicaciones. Todos los cursos de Jan Brinkmann →