Aprender a programar empieza con algo tan simple como abrir tu navegador y escribir una variable. En esta primera práctica de JavaScript descubres qué es una variable, qué es una función y cómo la consola del navegador se convierte en tu primer entorno de desarrollo. Es ideal para quien nunca ha escrito código y quiere entender la lógica detrás de cada instrucción.
¿Cómo abrir la consola del navegador para programar?
No necesitas instalar nada. Con Google Chrome y un par de clics ya puedes ejecutar tu primera instrucción.
- Abre Chrome y escribe en la barra de dirección
about:blank para tener una página en blanco [0:18].
- Da clic derecho sobre la página y selecciona Inspeccionar.
- En el panel que aparece, ve a la pestaña Console o consola [0:35].
Ese panel es la ventana directa al motor de JavaScript del navegador. Ahí puedes escribir código y verlo ejecutarse al instante.
¿Qué es la consola del navegador? Es una herramienta dentro de Chrome donde puedes escribir y ejecutar código JavaScript en tiempo real, sin necesidad de instalar editores ni compiladores.
¿Qué es una variable y cómo se asigna un valor?
Una variable es una palabra a la que le guardas un valor. Piensa en ella como una caja con etiqueta. Si escribes A = 1 y das enter, la consola te devuelve 1 [0:55]. Acabas de guardar el número 1 dentro de la letra A.
Luego escribes B = 2, y si pides A + B, obtienes 3. Eso es álgebra, sí, pero del tipo amigable. El signo igual aquí no compara: asigna. Es decir, mete el valor de la derecha dentro del nombre de la izquierda.
Ahora prueba algo más interesante: C = A - B. Antes de dar enter, piénsalo. ¿Cuánto vale C? La consola responde -1, porque 1 menos 2 es -1 [2:05]. Lo que ocurre por dentro es que el computador resuelve primero la operación de la derecha y luego guarda ese resultado en C.
¿Dónde se guardan las variables mientras programo?
Todas esas asignaciones viven en la memoria RAM, random access memory, que es la memoria de corta duración de tu computadora [5:25]. Cuando reinicias el equipo, esa información desaparece. Por eso las variables existen solo mientras tu programa está corriendo.
¿Cómo funciona la función alert en JavaScript?
Las variables guardan datos. Las funciones, en cambio, ejecutan acciones. Y la primera función que vale la pena conocer es alert, que dispara una ventana emergente con un mensaje.
Escribe esto exactamente así:
javascript
alert("Acabo de aprender a programar")
Las reglas son estrictas. Todo en minúscula, sin espacios entre alert y el paréntesis, comillas rectas (no oblicuas) alrededor del mensaje y cierre de paréntesis al final [3:30]. Al dar enter, el navegador muestra la alerta con tu texto.
¿Qué es una función en programación? Es un bloque de código con un objetivo específico. Para usarla, la invocas abriendo y cerrando paréntesis. Lo que va dentro de los paréntesis se llama parámetro.
En el caso de alert, el parámetro es el mensaje que quieres mostrar. La función lo recibe y lo despliega en pantalla.
¿Qué es un string y por qué importan las comillas?
El texto que va dentro de las comillas se llama string o cadena de texto [6:50]. Las comillas le dicen al computador: "esto no es un nombre de variable, es un texto literal".
Mira la diferencia con un ejemplo claro:
perro = Sirvelejo sin comillas arroja un error, porque el computador busca una variable llamada Sirvelejo y no existe.
perro = "Sirvelejo" con comillas funciona, porque ahora Sirvelejo es una cadena de texto guardada dentro de la variable perro [7:30].
Esa es la diferencia entre un identificador y un string. Las comillas marcan la frontera.
¿Qué conceptos clave repasaste en esta práctica?
Antes de seguir avanzando, vale la pena fijar el vocabulario que ya manejas:
- Variable: contenedor con nombre que guarda un valor.
- Operador de asignación: el signo
=, que mete el valor de la derecha en la variable de la izquierda.
- Función: bloque de código que ejecuta una acción cuando lo invocas con paréntesis.
- Parámetro: el dato que le pasas a la función dentro de los paréntesis.
- String: una cadena de texto delimitada por comillas.
- Memoria RAM: el espacio temporal donde viven tus variables mientras el programa corre.
Programar es controlar el flujo de acciones dentro de una computadora, sentarte frente a ella e imaginar un producto hacia su existencia. Y el arranque, como acabas de comprobar, no es tan complicado.
¿Cuál fue la primera variable que creaste en tu consola? Cuéntalo en los comentarios y comparte el mensaje que pusiste dentro de tu alert.