Programación

Tus primeras líneas de código, sin instalar nada

Abre la consola de tu navegador y escribe tus primeras instrucciones: mensajes, cuentas, variables, decisiones y repeticiones, entendiendo cada símbolo.

Programar es escribir instrucciones que el ordenador sigue una detrás de otra, en un idioma que entiende: un lenguaje de programación. Si nunca lo has hecho, la forma más rápida de probarlo es la consola de tu navegador: Chrome, Edge y Firefox traen JavaScript de serie, así que no hay que instalar nada. En diez minutos vas a escribir tus primeras líneas y entender qué hace cada símbolo.

Tu primera instrucción en la consola del navegador (Ctrl + Mayús + J).> console.log("Hola, mundo"); | Hola, mundo | > 2 + 3 | 5 | > "2" + "3" | '23'EN LA TERMINALConsola>console.log("Hola, mundo");Hola, mundo>2 + 35>"2" + "3"'23'
Tu primera instrucción en la consola del navegador (Ctrl + Mayús + J).

Abre la consola

  1. Abre una pestaña nueva en Chrome o Edge.
  2. Pulsa Ctrl + Mayús + J. También puedes pulsar F12 y elegir la pestaña Consola (en Firefox, F12 y luego Consola).
  3. Verás un panel con un símbolo > parpadeando. Ahí se escribe.

La consola es una herramienta para desarrolladores: lo que escribes se ejecuta en esa pestaña y desaparece al cerrarla. No puedes estropear nada de tu ordenador con lo que hay en esta guía.

Escribe el código tú mismo, no lo pegues. Escribirlo es la mejor forma de aprender y, además, es más seguro: Chrome bloquea el pegado en la consola hasta que escribes una frase de confirmación, porque hay estafadores que piden a la gente pegar código ahí para robarle la cuenta. Nunca pegues en la consola código que te envíe otra persona.

Tu primera instrucción: mostrar un mensaje

Escribe esto exactamente y pulsa Intro:

console.log("Hola, mundo");

Debajo aparecerá Hola, mundo. Acabas de ejecutar tu primer programa. Pieza a pieza:

Trozo Qué significa
console La consola, el sitio donde se muestran los mensajes
.log La orden «escribe»: el punto une la consola con lo que sabe hacer
( ) Entre paréntesis va lo que le das a la orden
"Hola, mundo" Un texto: siempre va entre comillas
; Fin de la instrucción, como el punto de una frase

Puede que después salga una línea gris con undefined. Es normal: la consola también enseña lo que devuelve cada instrucción, y console.log no devuelve nada.

El ordenador como calculadora

Escribe cada línea y pulsa Intro:

2 + 3
10 * 4
7 / 2
(2 + 3) * 10

La consola responde 5, 40, 3.5 y 50. Los números se escriben sin comillas, la multiplicación es *, la división es / y los decimales llevan punto, no coma. Los paréntesis funcionan como en matemáticas.

Ahora prueba esto:

"2" + "3"

El resultado es "23". Con comillas, 2 y 3 no son números sino textos, y el + entre textos los pega uno detrás de otro. Distinguir el tipo de dato (número o texto) es una de las primeras cosas que aprende cualquier programador.

Guardar datos en variables

Una variable es una caja con nombre donde guardas un valor para usarlo después:

let nombre = "Ana";
let edad = 30;
console.log("Hola, " + nombre);
edad = edad + 1;
console.log(edad);
  • let crea la variable. El = no significa «es igual»: significa guarda lo de la derecha en la caja de la izquierda.
  • edad = edad + 1 lee el valor actual (30), le suma 1 y guarda el resultado (31) en la misma caja.
  • Los nombres de variable no llevan espacios ni tildes: nombreCompleto o nombre_completo.
Qué significa cada trozo de la instrucción.console (la consola, donde salen los mensajes) / .log (la orden «escribe») / ( ) (lo que le das a la orden) / "Hola, mundo" (un texto: siempre entre comillas) / ; (fin de la instrucción)POR CAPASconsole.log("Hola, mundo");consolela consola, donde salen los mensajes.logla orden «escribe»( )lo que le das a la orden"Hola, mundo"un texto: siempre entre comillas;fin de la instrucción
Qué significa cada trozo de la instrucción.

Tomar decisiones

Los programas eligen qué hacer según los datos. Escribe todo en una sola línea:

if (edad >= 18) { console.log("Mayor de edad"); } else { console.log("Menor de edad"); }

Se lee así: si edad es mayor o igual que 18, muestra «Mayor de edad»; si no, muestra «Menor de edad». Cambia el valor con edad = 12;, vuelve a ejecutar la línea (con la flecha ↑ recuperas lo último que escribiste) y verás la otra respuesta.

Repetir sin escribirlo cien veces

for (let i = 1; i <= 5; i++) { console.log("Vuelta número " + i); }

Este bucle escribe cinco líneas. let i = 1 empieza a contar en 1; i <= 5 dice que siga mientras no pase de 5; e i++ suma 1 en cada vuelta. Cambia el 5 por 100 y tendrás cien líneas con el mismo esfuerzo.

Con estas tres ideas (guardar datos, decidir y repetir) se construye cualquier programa, desde una calculadora hasta un videojuego.

Tu primer error (y cómo leerlo)

Escribe esto mal a propósito:

consol.log("Hola");

Aparece en rojo algo como ReferenceError: consol is not defined. El mensaje dice qué pasa: no existe nada llamado consol. Los errores no son un fracaso, son pistas: léelos enteros, busca el nombre que mencionan y compáralo con lo que querías escribir. Otro clásico es olvidar una comilla, que da un SyntaxError: el ordenador no entiende la frase.

Las tres ideas con las que se construye cualquier programa.let: guardar datos → if: decidir → for: repetirESQUEMAlet: guardar datosif: decidirfor: repetir
Las tres ideas con las que se construye cualquier programa.

Qué has aprendido y qué viene después

  • Una instrucción es una orden; se ejecutan en orden, de arriba abajo.
  • Hay textos (entre comillas) y números (sin comillas).
  • Las variables guardan datos; if decide; for repite.
  • Los mensajes de error explican qué ha fallado.

Para pasar de la consola a programas que se guardan, necesitas saber dónde se escribe el código: archivos, extensiones y editor. Después puedes crear una página web empezando por HTML o seguir con JavaScript desde cero.