Módulo 1 : Introducción a JavaScript

 

Módulo 1: Introducción a JavaScript

JavaScript es un lenguaje de programación fundamental para la web. En este módulo aprenderás qué es JavaScript, cómo se integra en las páginas web y cómo crear tu primer programa para ver resultados en la consola del navegador. JavaScript permite agregar interactividad y dinamismo a tus sitios web, y es el motor detrás de muchas funciones modernas que ves en la web hoy.

---

¿Qué es JavaScript?

JavaScript es un lenguaje de programación que se ejecuta en el navegador web (aunque también puede usarse en servidores). Permite hacer páginas web dinámicas, reaccionar a eventos, modificar contenido en tiempo real y mucho más.

---

¿Cómo agregar JavaScript a una página web?

Existen tres formas principales:

• Inline: Usando el atributo onclick o similar directamente en HTML (no recomendado para código largo).
• Interno: Colocar código dentro de una etiqueta <script></script> en el HTML.
• Externo: Crear un archivo .js y enlazarlo con <script src="archivo.js"></script>.

<!-- JavaScript interno --> <script> console.log('Hola Mundo desde JavaScript'); </script> <!-- Enlace a archivo externo --> <script src="script.js"></script>

---

Tu primer programa: "Hola Mundo"

Vamos a crear un pequeño código que muestre un mensaje en la consola del navegador.

console.log('Hola Mundo');

Para ver el resultado, abre tu página en el navegador, presiona F12 para abrir las herramientas de desarrollador y ve a la pestaña Consola.

---

🧰 Herramientas básicas para programar en JavaScript

• Editor de texto: Puedes usar desde el Bloc de notas hasta editores avanzados como Visual Studio Code o Sublime Text.
• Consola del navegador: Donde puedes probar código y ver mensajes de salida o errores.
• Herramientas de desarrollo del navegador: Para depurar y analizar tu código.

---

📥 Preguntas de repaso

Pregunta 1

¿Cuál es la función que usamos para mostrar un mensaje en la consola del navegador?

• A) alert()
• B) prompt()
• C) console.log()
• D) document.write()

✅ Respuesta correcta: C) console.log()

---

Pregunta 2

¿Cuál es la forma correcta de enlazar un archivo externo de JavaScript?

• A) <script src="archivo.js"></script>
• B) <link href="archivo.js">
• C) <script href="archivo.js"></script>
• D) <js src="archivo.js">

✅ Respuesta correcta: A) <script src="archivo.js"></script>

---

Pregunta 3

¿Dónde se ejecuta principalmente JavaScript?

• A) En el servidor
• B) En el navegador
• C) En bases de datos
• D) En el sistema operativo

✅ Respuesta correcta: B) En el navegador

---

Esta lección forma parte del curso básico de JavaScript. En la próxima aprenderás a trabajar con variables, tipos de datos y operadores.