Fundamentos de JavaScript y Configuración de Visual Studio Code para Desarrollo Web

Escrito el 8 de Septiembre de 2026 en español con un tamaño de 4,34 KB

Introducción a JavaScript

JavaScript es un lenguaje de programación web fundamental. Fue desarrollado por Brendan Eich, cofundador del proyecto Mozilla, la Mozilla Foundation y la Corporación Mozilla.

Historia y Evolución

JavaScript fue desarrollado originalmente para el navegador web llamado Netscape con el nombre de Mocha. Posteriormente, fue renombrado como LiveScript, para finalmente quedar como JavaScript. En la actualidad, todas las páginas HTML modernas utilizan JavaScript.

Características y Aplicaciones

JavaScript es un lenguaje de programación ligero y un código de programación que se puede insertar directamente en páginas HTML. Se utiliza principalmente del lado del cliente (client-side), implementado como parte de un navegador web, lo que permite mejoras significativas en la interfaz de usuario y la creación de páginas web dinámicas.

Es el lenguaje de scripting más popular de Internet. Este lenguaje puede ser utilizado para HTML y para la Web, pero también se usa ampliamente en servidores, computadoras personales, portátiles, tablets, teléfonos móviles actuales y otros dispositivos como los relojes inteligentes (smartwatches), entre otros.

Interacción y Salida de Datos en JavaScript

Para nuestra práctica, hemos usado un nuevo elemento o etiqueta de HTML llamado <button> para generar botones interactivos.

Métodos de Salida y Manejo de Mensajes

Entre los datos que se pueden manejar como una salida de mensajes para JavaScript tenemos:

Fecha y hora: Usando la instrucción en el evento onclick: getElementById('id').innerHTML = Date().
Alert: Cuadro emergente que muestra un mensaje y tipo de alerta dependiendo del navegador o cliente. Ejemplo: <button type="button" onclick="alert('Prueba de un Alert en una ventana emergente')">Utilizando el Alert en un evento Onclick</button>.
Alert desde una función externa: Aquí se utiliza un archivo .js para escribir las indicaciones que se desean mostrar en la ventana emergente. Se usa la palabra reservada function en el archivo .js externo.
Alert desde una función interna: Aquí se escriben las indicaciones dentro de las etiquetas <script>...</script> en cualquier parte del documento HTML, ya sea en el <head> o en el <body>, usando siempre el nombre correcto de la función creada.
Console.log: Se escribe en la consola del navegador. Todos los mensajes se visualizarán en esa sección.
Console.log – Operaciones aritméticas: Se pueden realizar cálculos matemáticos simples, combinados y usando diversas funciones matemáticas que se pueden manipular en JavaScript.
Window.alert: Es un cuadro de advertencia emergente que se carga o se presenta antes de mostrar la página web.
Document.write: Existe una salida adicional que se usa en JavaScript llamada document.write, el cual se puede definir como un escrito directo que se muestra en la misma página web o documento HTML.

Recuerden que para los comentarios en JavaScript se utiliza la doble diagonal //.

Herramientas de Desarrollo y Configuración

Estamos usando el IDE o editor Visual Studio Code para la escritura de las líneas de HTML y las líneas de JavaScript.

Extensiones Recomendadas en Visual Studio Code

En Visual Studio Code, correspondió descargar tres extensiones para un mejor funcionamiento de nuestros proyectos de páginas web dinámicas:

Material Icons: Para visualizar los iconos de los diversos archivos de nuestros proyectos de páginas web.
Spanish Language: Extensión para configurar el editor en idioma español.
Live Server / Live Preview: Extensión para ver en simultáneo la ejecución de la página web mientras se escriben las etiquetas de HTML y las líneas de JavaScript.

Entradas relacionadas:

Etiquetas: