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.
Abre la consola
- Abre una pestaña nueva en Chrome o Edge.
- Pulsa Ctrl + Mayús + J. También puedes pulsar F12 y elegir la pestaña Consola (en Firefox, F12 y luego Consola).
- 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);
letcrea la variable. El=no significa «es igual»: significa guarda lo de la derecha en la caja de la izquierda.edad = edad + 1lee 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:
nombreCompletoonombre_completo.
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.
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;
ifdecide;forrepite. - 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.
Fuentes consultadas
- Ejecutar JavaScript en la consola (Chrome for Developers (Google))
- Self-XSS: advertencias al pegar código en la consola (Chrome for Developers (Google))
- ¿Qué es JavaScript? (MDN Web Docs (Mozilla))
- console.log() (MDN Web Docs (Mozilla))
