Introducción a Tecnologías y Aplicaciones Web

¿Qué es una aplicación web?

Una aplicación web es un software que funciona desde un navegador y permite a las personas interactuar con servicios digitales a través de internet.

Algunos ejemplos que usamos todos los días son:

• YouTube
• Netflix
• Instagram
• Google Docs
• Spotify

Estas plataformas combinan diseño, programación y comunicación en red para ofrecer experiencias interactivas.

Cómo funciona la web

Cuando abres una página web, tu navegador se comunica con otra computadora llamada servidor.

El proceso ocurre en segundos:

1. El usuario solicita una página
2. El servidor procesa la petición
3. El navegador recibe la información
4. La interfaz aparece en pantalla

Usuario → Internet → Servidor → Respuesta → Navegador

Cliente y servidor

La mayoría de las aplicaciones web funcionan con el modelo cliente-servidor.

Cliente

Es el dispositivo o navegador que usa la persona.

Ejemplos:

• Chrome
• Firefox
• Safari

Servidor

Es la computadora que almacena información y responde solicitudes.

Aplicaciones web que usamos diario

Las aplicaciones web están presentes en casi todo lo que hacemos en internet.

Redes sociales

• TikTok
• Instagram
• X

Plataformas educativas

• Classroom
• Moodle
• Coursera

Herramientas de trabajo

• Notion
• Trello
• Google Drive

Tecnologías modernas

Las aplicaciones modernas utilizan diferentes tecnologías para construir experiencias dinámicas.

Durante este curso aprenderás conceptos relacionados con:

• Interfaces web
• Comunicación entre sistemas
• Frameworks
• APIs
• Desarrollo frontend y backend

No necesitas dominar todo desde el inicio. Iremos construyendo cada concepto paso a paso.

fetch('https://jsonplaceholder.typicode.com/posts/1')
.then(res => res.json())
.then(data => console.log(data))

Actividad — Analizando una aplicación web

Objetivo

Identificar cómo funciona una aplicación web que uses diariamente.

Instrucciones

1. Elige una aplicación web
2. Describe qué acciones puede realizar el usuario
3. Identifica elementos visuales importantes
4. Explica cómo imaginas que se comunica con un servidor

Ejemplos sugeridos

• YouTube
• Netflix
• Spotify
• Classroom
• Instagram