Ecosistema web

Objetivo

Identificar y clasificar las principales tecnologías relacionadas con el desarrollo web en entorno cliente, diferenciando su naturaleza y función.

1. HTML, CSS y JavaScript

Completa la siguiente tabla:

Característica	HTML	CSS	JavaScript
Es un lenguaje de programación.
Define la estructura y el contenido.
Define la presentación.
Permite implementar comportamiento.
Se procesa en el navegador.
Puede modificar dinámicamente una página.

Explica después brevemente qué responsabilidad tiene cada una de las tres tecnologías en una aplicación web.

2. Clasificación de tecnologías

Clasifica las siguientes tecnologías:

• HTML.
• CSS.
• JavaScript.
• ECMAScript.
• DOM.
• TypeScript.
• Node.js.
• Vue.
• npm.
• Vite.

Utiliza una de las siguientes categorías:

• Lenguaje de marcado.
• Lenguaje de estilos.
• Lenguaje de programación.
• Especificación.
• API o modelo.
• Entorno de ejecución.
• Framework.
• Gestor de paquetes.
• Herramienta de desarrollo.

TIP

Una tecnología puede estar relacionada con JavaScript sin ser un lenguaje de programación.

Por ejemplo, Node.js permite ejecutar JavaScript, pero Node.js no es un lenguaje.

3. JavaScript y ECMAScript

Explica con tus propias palabras la diferencia entre JavaScript y ECMAScript.

Después, responde:

1. ¿Qué implementan los motores JavaScript de los navegadores?
2. ¿Por qué es importante disponer de una especificación común?
3. ¿Qué relación existe entre ECMAScript y navegadores como Chrome, Firefox o Safari?

4. JavaScript dentro y fuera del navegador

Indica dónde podría ejecutarse JavaScript en cada uno de los siguientes casos:

Caso	Navegador	Node.js
Modificar los elementos de una página web.
Ejecutar un archivo JavaScript desde un terminal.
Utilizar el objeto document.
Desarrollar una aplicación de servidor con JavaScript.
Responder a un clic realizado sobre un botón de una página.

Explica brevemente por qué JavaScript no está limitado al navegador.