Primeras líneas de JavaScript en la consola del navegador

Clase 1 de 39Curso de Fundamentos de JavaScript

Resumen

Domina lo esencial de JavaScript desde el navegador y pasa de copiar y pegar a escribir tus propias instrucciones. Creado en 1995 por Brendan Eich en Netscape, hoy corre en el motor del navegador y también en el servidor para dar vida a experiencias interactivas. Sí: la app de Netflix en tu tele usa JavaScript.

¿Qué es JavaScript y dónde se ejecuta?

JavaScript es un lenguaje que permite responder a eventos, manipular la interfaz, y comunicarse con servidores. Con estas capacidades, impulsa gran parte de la web moderna y te abre la puerta a crear interacciones reales con el usuario.

  • Corre en el motor del navegador y también en el servidor.
  • Responde a eventos e interactúa con la interfaz.
  • Se comunica con servidores para actualizar datos.
  • Da vida a muchas páginas web, incluida tu app de Netflix.

¿Cómo iniciar en la consola del navegador con palabras reservadas?

El objetivo es claro: dejar de copiar y pegar scripts para controlar el navegador y construir tu portafolio profesional con JavaScript. Comienza abriendo la herramienta de desarrollador y accede a la pestaña Console para ejecutar tus primeras instrucciones y entender la sintaxis: paréntesis, comillas y cierre con punto y coma.

¿Cómo abrir la herramienta de desarrollador?

  • En cualquier página web, da doble clic para ver el menú contextual.
  • Ve a la parte inferior y elige inspeccionar.
  • En la parte superior, entra a Console para escribir código.

¿Cómo imprimir con console log "Hola, mundo"?

La palabra reservada console genera un log que imprime mensajes. Escribe el texto entre comillas, dentro de paréntesis, y cierra la instrucción con punto y coma.

console.log("Hola, mundo");
  • Usa comillas para cadenas de texto.
  • Finaliza la línea con punto y coma.
  • Presiona Enter para ver el resultado en la consola.

¿Cómo interactuar con alert y prompt?

Para mostrar un mensaje visual, utiliza alert. Para pedir datos al usuario, usa prompt y responde en la interfaz que se abre. Cierra cada instrucción con punto y coma.

alert("Hola, mundo, soy una alerta");
prompt("¿cuál es tu nombre?");
  • Al ejecutar alert, verás un cuadro con el mensaje.
  • Con prompt, escribe una respuesta, por ejemplo: Óscar Barajas.
  • Observa el valor devuelto en la consola o úsalo en nuevas instrucciones.

¿Qué habilidades construirás para tu portafolio con JavaScript?

A partir de este enfoque de enviar instrucciones al sistema, aprenderás a crear aplicaciones sorprendentes y a dominar particularidades del lenguaje mientras avanzas en un proyecto práctico. Irás construyendo elementos que consolidan lo aprendido para crecer como profesional del desarrollo de software con JavaScript.

  • Control del navegador desde la Console.
  • Respuesta a eventos del usuario.
  • Manipulación directa de la interfaz.
  • Comunicación con servidores.
  • Ejecución en navegador y en servidor.

¿Ya corriste tu primer "Hola, mundo"? Cuéntame en comentarios qué probaste con console.log, alert y prompt, y qué te gustaría construir a continuación.