¡Hola Mundo en javascript! tu primer programa

En este módulo escribirás tu primer código JavaScript.

Por si no lo sabes, cuando toda persona comienza el aprendizaje de un lenguaje de programación, se asigna como primera tarea, la impresión en pantalla de una frase muy común; a saber, “Hola Mundo”.

Esta pequeña instrucción, sirve como abreboca para conocer el funcionamiento de un lenguaje, ya que nos permite ver el intercambio entre la computadora y el programador. En otras palabras, se trata de visualizar que las instrucciones que escribimos son recibidas por la computadora y a su vez generan respuesta.

En vista de lo anterior, queremos comenzar la lección siguiendo la tradición. Veamos cómo.

Pasos a seguir

Lo primero que debemos hacer es abrir nuestro editor, de seguro ya elegiste cual usar después de haber leído el módulo IDEs y Editores de Texto para JavaScript; si no lo has hecho aún, te recomendamos visitarlo.

Bien, crea un nuevo archivo y luego de tener nuestra área de trabajo abierta, procedemos a escribir el siguiente código:

console.log(“Hola Mundo!”);

Si, sólo eso, bastante sencillo ¿cierto?

Lo que hace el objeto Console es mostrar en la consola de depuración o interprete JS del navegador, el mensaje que se encuentra encerrado entre comillas. De modo que, si lo prefieres, puedes escribir lo que quieras allí.

Ahora, lo guardaremos en una carpeta con un Nombre Descriptivo y con la extensión .js

Así: ‘hola.js’ (es recomendable que el nombre no sea tan largo y de ser posible evitar los espacios)

Pero la parte interesante es la siguiente, porque ejecutaremos el código que acabamos de escribir. Para ello, te mostraremos las distintas maneras de hacerlo según el editor que hayas elegido.

Eclipse

Ejecutar tu código en Eclipse es bastante simple, si miras la barra de herramientas, notarás un ícono redondo color verde con un triángulo cruzado en medio (el más grande de los dos que se encuentran en la barra).

• Solo deberás presionar el ícono y se mostrara el mensaje en la parte posterior de la pantalla.
• O puedes optar también por presionar la combinación de teclas Ctrl+F11

Netbeans

Al igual que Eclipse, Netbeans muestra en la barra de herramientas un ícono para correr o ejecutar el programa, en este caso se trata solo de un tríangulo inclinado de color verde.

• Presiónalo y en la parte inferior aparecerá el resultado.
• Puedes también ir directamente al menú “Run”.

Sublime Text

• En la barra de menú superior, elige la opción “Herramientas” o “Tools”,
• Allí se te desplegará una lista de opciones.
• Selecciona la opción “Build” y listo, observa cómo en la consola de la parte inferior se muestra el mensaje que has escrito.
• Para mayor facilidad, puedes ir por el camino rápido y presionar Ctrl+B

Atom

• Elíge del menú superior, la opción “Packages” o “Paquetes”.
• Presiona clic donde dice Script y luego en Run Script.
• Para Atom también existe una combinación de teclas que facilita la tarea, es Ctrl+Shift+B