JavaScript es uno de los lenguajes de programación más populares y esenciales en el desarrollo web. Fue creado originalmente para añadir interactividad a las páginas web y, con el tiempo, se ha convertido en una de las tecnologías clave para el desarrollo web moderno. En este capítulo, exploraremos qué es JavaScript, su historia y cómo se integra en un sitio web.

¿Qué es JavaScript?

JavaScript es un lenguaje de programación interpretado que se ejecuta en el navegador del usuario. A diferencia de lenguajes como PHP, que se ejecutan en el servidor, JavaScript se ejecuta en el cliente, lo que permite modificar el contenido de una página web sin necesidad de recargarla.

Características principales de JavaScript:

• Es un lenguaje de alto nivel, lo que significa que es fácil de entender y escribir para los humanos.
• JavaScript es dinámico, lo que permite cambiar los valores de las variables y objetos en tiempo de ejecución.
• JavaScript es multi-paradigma: puedes programar de manera funcional, orientada a objetos, o procedimental.
• Es compatible con todos los navegadores modernos, lo que lo convierte en una herramienta crucial para el desarrollo web.

Historia y evolución

JavaScript fue creado en 1995 por Brendan Eich mientras trabajaba en Netscape. Desde entonces, el lenguaje ha pasado por varias iteraciones y se ha normalizado a través de la organización ECMA (European Computer Manufacturers Association).

El estándar de JavaScript se conoce como ECMAScript, y la versión más reciente al momento de escribir este curso es ECMAScript 2023.

Cómo añadir JavaScript a una página web

Existen varias maneras de añadir JavaScript a un sitio web. La más común es incluir el código JavaScript directamente dentro de un archivo HTML. Aquí tienes un ejemplo básico:

html

Otras formas de integrar JavaScript

Además de incluir JavaScript directamente en el HTML, también se puede enlazar a un archivo externo de JavaScript. Esta es la opción preferida cuando el código es extenso o se reutiliza en varias páginas:

html

Y el archivo script.js podría tener algo como lo siguiente:

javascript

Herramientas de desarrollo

Para desarrollar y depurar código JavaScript, el navegador ofrece varias herramientas que facilitan el trabajo del desarrollador. La más importante es la consola del navegador, donde puedes ejecutar código JavaScript en tiempo real y revisar mensajes de error o advertencias.

Para abrir la consola en Chrome, por ejemplo, puedes presionar Ctrl + Shift + J (en Windows) o Cmd + Option + J (en macOS). Esto abrirá las herramientas de desarrollo, donde podrás interactuar con el código.

Además de la consola, puedes usar editores de texto especializados como Visual Studio Code o Sublime Text. Estos editores ofrecen resaltado de sintaxis, autocompletado y otras características útiles para escribir código JavaScript de manera más eficiente.

javascript

Conclusión

JavaScript es una herramienta fundamental para cualquier desarrollador frontend. Su capacidad para manipular el contenido de las páginas web en tiempo real, sumada a su versatilidad, lo convierte en un lenguaje esencial. En este capítulo, has aprendido qué es JavaScript, cómo se creó, y cómo puedes integrarlo en tus páginas web.