Mi primera línea de código

Vamos a escribir nuestra primera línea de código en un minuto

Lo único que necesitas para empezar este experimento es un navegador (como el que estás usando para llegar acá). Un ejemplo puede ser Google Chrome.

• En la barra de dirección, escribe about:blank. Se abrirá una pestaña totalmente en blanco.
• En cualquier parte de esta nueva pestaña, haz clic derecho y elige la opción inspeccionar del menú. Se abrirá una pestaña interna al lado derecho.
• Haz clic en la opción console.
• En ese espacio, escribe lo siguiente:

alert("Mi nombre es Freddy");

Recuerda abrir y cerrar tanto las comillas como los paréntesis y añadir el punto y coma al final, como lo ves en el ejemplo.

• Dale enter y… ¡Boom! Acabas de disparar tu primera alerta. Acabas de interactuar con un computador a través de tu código. ¡Felicitaciones!
  

Vamos a llevar nuestra primera línea de código un poco más allá

Eso estuvo genial, ¿no? Vamos a intentar algo un poquito más complejo.

A menos que sea una total coincidencia, tu nombre no es Freddy. Ahora vamos a mostrar una alerta guardando tu verdadero nombre.

• En la misma pestaña de console, vamos a escribir lo siguiente:

var nombre = "Tu nombre";

No te preocupes todavía por entender qué es var, lo seguiremos explicando en las siguientes clases. Ahí también entenderás por qué los textos se ponen de colores en las instrucciones de este artículo. No te olvides de los espacios y los símbolos para que funcione bien. Reemplaza por el nombre que más te guste.

Si das enter, no va a pasar nada, solo va a mostrar un texto extraño que dice undefined. No te preocupes, vamos bien.

• Ahora, escribe solamente:

nombre

Al dar enter, va a aparecer un mensaje abajo con el nombre que elegiste. Wow! La computadora ya lo guardó y lo recuerda. En la próxima prueba, vamos a mostrar un mensaje completo con el nombre que guardamos.

• Escribe en la consola lo siguiente:

alert("Mi nombre es " + nombre);

Al dar enter, verás que el mensaje muestra “Mi nombre es (el nombre que guardaste)”. Wow! Genial. Ya tienes tu primera línea de código con una variable guardada.

Esta variable “nombre” se puede cambiar (de ahí su nombre variable) por cualquier otro nombre que elijas.

• Ingresa el siguiente código en la consola:

nombre = "Juana la Alpaca";

El nombre que ingresaste anteriormente fue cambiado por “Juana la Alpaca”. Entonces, si vuelves a añadir el código que empieza con “Mi nombre es…”, ya no será tu nombre el que aparezca, sino el de Juana la Alpaca. Felicitaciones, acabas de cambiar el valor asignado a una variable.

¿Viste que es superfácil? Escribir tu primera línea de código no debe ser intimidante. En las siguientes clases seguirás desarrollando conceptos que te permitirán empezar con pie derecho en el maravilloso mundo de la programación.