Programar no empieza con instalaciones complicadas ni cuentas nuevas. Empieza con una herramienta que ya tienes en tu computador y tres ideas que están presentes en todos los lenguajes de programación del mundo: instrucción, variable y efecto. Si nunca has escrito una línea de código, vas a descubrir que probablemente ya entiendes la lógica detrás.
¿Qué es la consola del navegador y cómo se abre?
La consola del navegador es una ventana donde le escribes cosas a tu navegador y él te responde. Nada más que eso. Está disponible en Chrome, Firefox, Safari y Edge, en cualquier computador, gratis y sin instalar nada [00:42].
Para abrirla, da clic derecho en cualquier parte de una página web y selecciona inspeccionar. Se abrirá una ventana llamada dev tools (herramientas de desarrollo). Dentro de ella, busca la pestaña console y ahí estás listo para empezar [01:00].
¿Necesito instalar algo para programar mi primer código? No. La consola del navegador ya está incluida en cualquier navegador moderno. Abres dev tools con clic derecho e inspeccionar, y puedes escribir código de inmediato.
Un detalle práctico: si aparecen errores o mensajes raros al abrirla, ignóralos. Para limpiar la pantalla puedes usar el botón de limpiar o el atajo Ctrl + L.
¿Qué es una instrucción en programación?
La primera idea que necesitas guardar es simple: cuando programas, le das instrucciones a una máquina. Punto.
Para comprobarlo, escribe en la consola 2 + 2 y presiona enter. Te responde 4. Le diste una orden precisa y la máquina la ejecutó sin pedirte contexto ni explicaciones extra [02:10].
Puedes probar otras operaciones básicas para sentir cómo funciona:
100 - 25 devuelve 75.50 * 2 devuelve 100.10 / 4 devuelve 2.5.
Cada línea que escribes es una instrucción: una unidad básica de código que produce una acción. Esa precisión es la que diferencia hablarle a una máquina de hablarle a una persona.
¿Qué es una variable y para qué sirve?
Hasta aquí, cada cálculo se hace y desaparece. Si quieres reutilizar un resultado, tendrías que escribirlo otra vez. Y eso, en código, es absurdo. Por eso existen las variables.
Imagina que en Okini, un proyecto de café, una taza cuesta cinco dólares. Le puedes decir a la máquina que recuerde ese precio escribiendo precio = 5 y presionando enter [04:05]. A partir de ese momento, cuando escribas precio, la consola te responderá 5.
Ahora agrega otra: cantidadTazas = 2. Si combinas ambas con precio * cantidadTazas, la máquina busca los valores guardados, los multiplica y devuelve 10 [05:20].
¿Qué es una variable en programación? Es un nombre que guarda un valor para que puedas usarlo después sin reescribirlo. Le pones una etiqueta a un dato y operas con esa etiqueta como si fuera el valor real.
Las variables son lo que te permite construir programas complejos sin repetir información. Operas con nombres, no con números sueltos, y eso cambia todo.
¿Cómo hacer que mi código tenga un efecto en el mundo?
Todo lo anterior pasa dentro de la consola. Pero el código real produce cosas que la gente ve y usa. Esa es la tercera idea: los efectos.
Escribe alert("Bienvenida a Okini") y presiona enter. Aparecerá un pop-up en la pantalla del navegador, fuera de la consola, visible para cualquiera que esté mirando [06:30]. Ese mismo principio es el que hace que un botón responda a un clic, que una app te mande una notificación o que un formulario confirme su envío.
Prueba con otro mensaje: alert("Tu reserva está confirmada"). Y cierra con el clásico que todo principiante debería escribir alguna vez: alert("Hola, mundo") [07:45].
Un efecto es código que no se queda calculando en silencio, sino que produce algo perceptible para el usuario.
¿Por qué estas tres ideas funcionan en cualquier lenguaje?
Acabas de usar JavaScript sin haberlo declarado formalmente. Pero lo interesante es que instrucción, variable y efecto también existen en Python, Java, Ruby, Swift y cualquier lenguaje que te cruces en tu carrera [09:00].
La sintaxis cambia, las modas cambian, los frameworks van y vienen. Estas tres ideas, no.
¿Puedo aprender a programar usando solo inteligencia artificial? Hasta cierto punto. Pero sin vocabulario propio, la IA es una caja negra. Saber qué es una instrucción, una variable o un efecto te permite pedirle cosas con precisión y entender lo que te devuelve.
Este vocabulario mínimo es lo que convierte a herramientas como ChatGPT, Claude o Gemini en aliados reales en lugar de oráculos opacos. En la siguiente clase saldremos de la consola para crear un archivo que se vea como una página web. ¿Qué fue lo que más te sorprendió de tu primer contacto con código? Cuéntalo en los comentarios.
