Programar no empieza con instalaciones complicadas ni cuentas nuevas. Empieza con una herramienta que ya tienes en tu computador: la consola del navegador. Aquí vas a descubrir cómo darle instrucciones a una máquina, guardar valores con nombres y producir efectos visibles, las tres ideas que sostienen cualquier lenguaje de programación.
¿Qué es la consola del navegador y cómo la abro?
La consola es una ventana donde le escribes cosas a tu navegador y el navegador te responde. Nada más, nada menos. Está disponible gratis en cualquier navegador del mundo, aunque Chrome es el más recomendable por su facilidad de uso [0:50].
Para abrirla, haz clic derecho en cualquier parte de una página web y selecciona inspeccionar. Se va a abrir un panel llamado dev tools o herramientas de desarrollo. Dentro de ese panel, busca la pestaña console. Si aparecen errores o mensajes previos, ignóralos y limpia la consola con el botón correspondiente para empezar fresco.
¿Necesito instalar algo para empezar a programar? No. La consola del navegador ya viene incluida en Chrome, Firefox, Safari y cualquier otro navegador. No descargas nada, no creas cuentas, no configuras nada.
¿Cómo le doy instrucciones a una máquina?
Escribe 2+2 en la consola y presiona enter. La máquina responde 4. Parece trivial, pero acaba de pasar algo importante: le diste una orden precisa y obtuviste una respuesta precisa, sin contexto adicional ni explicaciones largas.
Esa es la primera idea que vale la pena guardar: cuando programas, le das instrucciones a una máquina. A cada línea que escribes con una orden precisa se le llama instrucción, y es la unidad básica de cualquier programa.
Puedes probar otras operaciones para sentir el ritmo:
100-25 devuelve 75.50*2 devuelve 100.10/4 devuelve 2.5.
Un truco práctico: usa Ctrl + L para limpiar la consola entre operaciones y mantener tu espacio de trabajo ordenado [2:25].
¿Cómo hago que la máquina recuerde valores con nombres?
Repetir los mismos números una y otra vez es absurdo. Imagina tener que deletrear tu nombre cada vez que lo dices. Las máquinas también pueden recordar cosas, y aquí entra el concepto de variable.
En el proyecto de Okini, una cafetería ficticia que se construye a lo largo del curso, una taza de café cuesta cinco dólares. Para guardar ese precio, escribe precio = 5 y presiona enter [3:35]. Le acabas de decir a la máquina: cuando yo diga precio, tú entiendes que me refiero al número 5.
Si después escribes precio y das enter, la máquina te devuelve 5. Puedes nombrar otra cosa: cantidadTazas = 2. Y ahora viene lo interesante. Si escribes precio * cantidadTazas, la máquina busca los valores guardados, los multiplica y devuelve 10.
¿Qué es una variable en programación? Es un nombre que guarda un valor. Una vez que nombras algo, puedes operar con el nombre como si fuera el valor, sin tener que repetir el dato cada vez.
La segunda idea queda clara: la máquina no solo ejecuta, también recuerda lo que le nombras. Esa capacidad de recordar nombres es lo que permite escribir código complejo sin volverse loco repitiendo valores.
¿Cómo hago que mi código tenga un efecto visible fuera de la consola?
Hasta aquí, todo pasó dentro de la consola. Pero el código real sale al mundo. Escribe alert("Bienvenida a Okini") y presiona enter [5:30]. Una ventana emergente aparece en la pantalla, fuera de la consola.
Eso es un efecto: código que produce algo que el usuario percibe. Un alert es simple, pero es el mismo principio detrás de un botón que reacciona al tocarlo, una notificación que llega al celular o un formulario que confirma su envío. Prueba otro: alert("Hola, mundo"). Acabas de hacer tu primer Hola, mundo, un ritual de iniciación en programación.
Las tres palabras que vas a usar siempre
En pocos minutos hiciste tres cosas que aparecen en absolutamente todos los lenguajes de programación:
- Instrucción: una línea, una acción precisa que la máquina ejecuta.
- Variable: un nombre que guarda un valor para reutilizarlo.
- Efecto: código que produce un resultado visible para el usuario.
Estas tres ideas viven en JavaScript, el lenguaje que acabas de usar, pero también en Python, Java, Ruby, Swift y cualquier otro lenguaje que te encuentres. La sintaxis cambia, las modas cambian, estas ideas no [7:30].
¿Por qué aprender esto si puedo preguntarle a una IA?
Podrías pedirle a ChatGPT, Claude o Gemini que te explique todo esto en segundos. Y hasta cierto punto tendrías razón. Pero hay un detalle: sin vocabulario propio, la inteligencia artificial es una caja negra.
¿Para qué sirve aprender términos como instrucción, variable y efecto? Te dan precisión para pedirle cosas a una IA. Con ese vocabulario, dejas de adivinar y empiezas a dirigir la herramienta hacia lo que necesitas.
La pregunta de qué hacer tú y qué delegar a la IA va a aparecer en cada clase del curso, y la respuesta no siempre va a ser la misma. Por ahora, quédate con esto: programar no es magia, es darle instrucciones claras a una máquina que sabe escuchar.
¿Ya probaste tu primer cálculo en la consola? Cuéntame en los comentarios qué operación hiciste primero.
