Lección 1 de 158 min
Cómo funciona la web
Internet, la web y el viaje completo de una petición, desde el teclado hasta la pantalla.
Cada vez que abres una página ocurre una pequeña coreografía entre tu navegador y máquinas repartidas por el mundo. Dura menos de un segundo, pero involucra varios protocolos y servidores. En esta lección la vas a recorrer paso a paso.
Internet no es la web
Solemos usar las dos palabras como sinónimos, pero no lo son. Internet es la red de redes: cables, antenas, routers y el protocolo IP, que permiten que cualquier equipo conectado envíe datos a cualquier otro.
La web es uno de los servicios que funcionan sobre Internet: un sistema de documentos y aplicaciones enlazados entre sí. El correo electrónico, los videojuegos en línea o las videollamadas también usan Internet, pero no son la web.
¿Sabías que…?
Tim Berners-Lee inventó la web en 1989, en el CERN. Su propuesta se apoyaba en tres piezas que siguen siendo la base de todo: las URL para dar una dirección a cada recurso, el protocolo HTTP para pedirlos y el lenguaje HTML para escribirlos. Las verás todas en este módulo.
Clientes y servidores
La web funciona con un modelo cliente-servidor. El cliente pide algo y el servidor responde. El cliente más habitual es tu navegador, pero también lo son las apps del móvil o un programa que consulta una API.
Un servidor es un programa que espera peticiones en una máquina conectada a Internet. Cada servidor escucha en un puerto, una especie de número de puerta: por convención, el 80 para HTTP y el 443 para HTTPS.
- El cliente siempre inicia la conversación: el servidor no envía nada si nadie se lo pide.
- Cada petición recibe una respuesta, aunque sea para decir que algo ha fallado.
- Un mismo servidor atiende a miles de clientes a la vez, y un cliente puede hablar con muchos servidores al cargar una sola página.
El viaje de una petición
Veamos qué pasa exactamente cuando escribes https://ejemplo.com/blog en la barra de direcciones y pulsas Enter.
Interactivo
El viaje de una petición
Avanza paso a paso y observa quién habla con quién.
Paso 1 de 8
Escribes la dirección
Escribes https://ejemplo.com/blog y pulsas Enter. El navegador analiza la URL: usará el protocolo HTTPS, quiere hablar con el host ejemplo.com y pedirle la ruta /blog. Antes de nada, mira si ya tiene una copia válida guardada en su caché.
https://ejemplo.com/blog esquema → https host → ejemplo.com ruta → /blog
Fíjate en que la petición HTTP, lo que de verdad pide la página, es casi lo último que ocurre. Antes hay que averiguar dónde está el servidor (DNS), establecer un canal fiable (TCP) y asegurarlo (TLS).
Una página, muchas peticiones
El HTML que llega en la respuesta casi nunca viene solo. Enlaza hojas de estilo, scripts, imágenes y fuentes, y cada uno de esos recursos exige su propia petición. Una página típica hace decenas de ellas, a veces a servidores distintos.
Pruébalo
Abre las herramientas de desarrollo de tu navegador (F12 o clic derecho → Inspeccionar), ve a la pestaña Red (Network) y recarga esta página. Cada fila es una petición: verás su método, su código de estado, su tamaño y cuánto tardó.
Comprueba lo aprendido
Cuestionario
Responde las 4 preguntas para completar la lección.
1.¿Cuál es la diferencia entre Internet y la web?
2.¿Qué tiene que pasar antes de que el navegador pueda enviar la petición HTTP a ejemplo.com?
3.¿Qué aporta TLS en una conexión https?
4.Una página HTML enlaza 1 hoja de estilos, 2 scripts y 5 imágenes. Sin nada en caché, ¿cuántas peticiones hace el navegador como mínimo para mostrarla completa?