JavaScript es el lenguaje que le da vida a la web moderna y, con unas pocas líneas, puedes pasar de espectador a controlar lo que sucede dentro del navegador. Aquí aprenderás qué es JavaScript, cómo abrir la consola del navegador y cómo ejecutar tus primeras instrucciones para empezar a construir un portafolio como desarrollador.
¿Qué es JavaScript y para qué sirve hoy?
JavaScript es un lenguaje de programación creado en 1995 por Brendan Eich en Netscape. Originalmente corría solo en el motor del navegador, pero hoy también se ejecuta en el servidor y en dispositivos como tu Smart TV. Sí, esa app de Netflix que abres en la sala probablemente está corriendo con JavaScript [0:00].
Su poder está en lo que te permite hacer: responder a eventos, manipular la interfaz, comunicarte con servidores y crear experiencias interactivas. La idea es dejar de copiar y pegar scripts sueltos para empezar a controlar el navegador con intención.
¿Quién creó JavaScript y en qué año? Brendan Eich lo creó en 1995 mientras trabajaba en Netscape. Desde entonces se convirtió en uno de los lenguajes más usados del mundo.
¿Cómo abrir la consola del navegador para escribir JavaScript?
No necesitas instalar nada para empezar. Tu navegador ya trae las herramientas de desarrollador integradas y ahí puedes ejecutar código en tiempo real.
Sigue estos pasos:
- Abre cualquier página web en tu navegador.
- Haz doble clic derecho en cualquier parte de la página.
- Baja hasta la opción Inspeccionar y haz clic [1:05].
- En la barra superior del panel que se abre, selecciona la pestaña Console.
Esa consola es tu campo de juego. Cada línea que escribas se ejecuta al instante y te devuelve un resultado.
¿Cuáles son las primeras instrucciones que puedes ejecutar?
Antes de escribir, conviene entender la sintaxis: JavaScript usa palabras reservadas que el lenguaje ya conoce y que sirven para dar instrucciones específicas. Cada instrucción se cierra con punto y coma.
Cómo usar console.log para imprimir mensajes
La primera palabra reservada que vas a conocer es console.log. Imprime en la consola lo que pongas entre paréntesis y comillas.
javascript
console.log("Hola mundo");
Al presionar enter, el texto aparece justo debajo. Ese es tu primer mensaje impreso desde código [1:48].
Cómo mostrar una alerta con alert
La palabra reservada alert despliega una ventana emergente en el navegador. Sigue la misma estructura: nombre de la instrucción, paréntesis, comillas y mensaje.
javascript
alert("Hola mundo, soy una alerta");
Al ejecutarla, el navegador muestra una ventana con tu mensaje. Es la forma más directa de comunicarte visualmente con quien usa la página.
Cómo pedir información al usuario con prompt
La palabra reservada prompt abre una interfaz donde el usuario puede escribir una respuesta. Es tu primer paso hacia la interactividad real.
javascript
prompt("¿Cuál es tu nombre?");
Al ejecutarla, aparece un cuadro de diálogo. Si escribes "Óscar Barajas" y presionas enter, el sistema devuelve ese valor [2:45]. Acabas de capturar información desde el navegador con una sola línea.
¿Qué diferencia hay entre console.log, alert y prompt? console.log imprime en la consola para desarrolladores, alert muestra una ventana al usuario y prompt pide datos al usuario y devuelve lo que escribe.
¿Por qué importa pensar en instrucciones?
Programar en JavaScript es darle órdenes al navegador, una tras otra. Cada palabra reservada que aprendes amplía lo que puedes pedirle al sistema, y esa lógica de instrucciones es la base sobre la que construirás aplicaciones más complejas.
Cuando ves que el navegador responde a tu código, algo cambia: dejas de ser espectador y te conviertes en alguien que controla la web. Ese es el punto de partida para crear proyectos, practicar con elementos reales y formarte como profesional en desarrollo de software.
¿Cuál fue la primera instrucción que ejecutaste en tu consola? Cuéntame en los comentarios qué mensaje imprimiste con console.log.