Skip to content

01-javascript.md

Latest commit

 

History

History
59 lines (35 loc) · 4.54 KB

01-javascript.md

File metadata and controls

59 lines (35 loc) · 4.54 KB
Raw

JavaScript

📑 Contenido

¿Qué es JavaScript?

JavaScript es un lenguaje de programación interpretado que se ejecuta principalmente en los navegadores web. Es uno de los pilares fundamentales del desarrollo web junto con HTML y CSS. Su principal función es hacer que las páginas web sean interactivas y dinámicas. Mientras que HTML estructura el contenido de una página web y CSS se encarga de su diseño visual, JavaScript añade interactividad y comportamiento a las páginas.

Ejemplos de lo que puedes hacer con JavaScript incluyen:

  • Responder a eventos del usuario: como clics en botones, mover el ratón o escribir en formularios.
  • Manipular el DOM (Document Object Model): cambiar el contenido o la estructura de una página web después de que haya sido cargada sin necesidad de recargar la página.
  • Validación de formularios: verificar que los datos ingresados por el usuario en un formulario cumplen con ciertas reglas.
  • Cargar contenido dinámico: interactuar con servidores mediante peticiones HTTP (por ejemplo, usando fetch o XMLHttpRequest) para actualizar partes de una página web sin recargarla completamente, lo que se conoce como AJAX.
  • Crear aplicaciones web avanzadas que pueden parecerse a aplicaciones de escritorio, como juegos o tablas de datos interactivas.

Relación entre HTML, CSS y JavaScript

Para entender el papel de JavaScript, es útil verlo en el contexto de HTML y CSS:

  • HTML (HyperText Markup Language): Proporciona la estructura básica de la página web. Define qué elementos están presentes (títulos, párrafos, imágenes, enlaces, etc.) y cómo están organizados.

  • CSS (Cascading Style Sheets): Define cómo se ve esa estructura. Le da estilo al contenido HTML, controlando aspectos como colores, fuentes, tamaños, márgenes, etc. Básicamente, hace que una página web se vea bien.

  • JavaScript: Añade comportamiento e interactividad. Permite que los elementos definidos por HTML y estilizados por CSS respondan a la interacción del usuario o cambien de forma dinámica.

Ejemplo práctico:

Imagina que tienes un botón en una página web (HTML), ese botón tiene un color de fondo verde (CSS), pero con JavaScript puedes hacer que, al hacer clic en él, se cambie el color a rojo o aparezca un mensaje.

Tipo de lenguaje

JavaScript es un lenguaje de programación interpretado, lo que significa que el código no necesita ser compilado antes de ejecutarse. Los navegadores web, como Google Chrome o Firefox, interpretan el código JavaScript y lo ejecutan directamente.

Además, es un lenguaje de tipado dinámico, lo que significa que no necesitas declarar el tipo de las variables (como números, cadenas, booleanos, etc.), el tipo de dato se determina en tiempo de ejecución. También es un lenguaje multiparadigma, lo que significa que admite diferentes estilos de programación, como la programación orientada a objetos, la programación funcional y la programación imperativa.

Por último, JavaScript es event-driven o dirigido por eventos, ya que gran parte de su ejecución se basa en la respuesta a eventos (como clics de usuario o respuestas del servidor).

ECMAScript y la estandarización

ECMAScript es el estándar en el que se basa JavaScript. En 1997, para evitar problemas de compatibilidad entre diferentes navegadores, la especificación de JavaScript fue enviada a ECMA International, un organismo de estandarización, y se convirtió en ECMA-262, más conocido como ECMAScript.

Cada versión de ECMAScript define nuevas características y mejoras para el lenguaje, manteniendo un conjunto de funcionalidades coherente y estándar. La mayoría de los navegadores modernos siguen las versiones recientes del estándar ECMAScript, lo que asegura que el código JavaScript funcione de manera similar en todos los navegadores.

Te preguntaras:

¿Por qué es importante conocer ECMAScript?

Conocer ECMAScript es importante porque te permite:

  • Escribir código moderno, claro y eficiente.
  • Aprovechar las mejores prácticas y características del lenguaje.
  • Crear aplicaciones web más rápidas y con mejor rendimiento.
  • Aumentar tus oportunidades profesionales al mantenerte actualizado con las tecnologías más recientes en el desarrollo web.