Ruta Full Stack
0✦ 0
Fase 0
Lección 3 de 17
Apartado 4.1 · unos 5 min

El viaje de una página web

Esto es lo único de esta fase que hay que saberse de memoria. Escribes mibarberia.com y pulsas Enter:

Traducido:

  1. Escribes el dominio. Un nombre que alguien alquila y que no significa nada para las máquinas.
  2. El DNS lo traduce a una dirección IP, que es lo que las máquinas sí entienden. Es una consulta a la agenda de internet.
  3. Tu navegador envía una petición a esa dirección, hablando HTTPS. Dice, básicamente: "dame la página principal".
  4. Un servidor —un ordenador encendido en un centro de datos, alquilado a un hosting— la recibe.
  5. Responde con un código de estado (200 = todo bien) y un archivo de texto: el HTML.
  6. El navegador lee ese HTML y descubre que necesita más cosas: los estilos (CSS), las imágenes, las tipografías, el JavaScript. Pide cada una por separado: una página normal hace entre 20 y 200 peticiones. Por eso una web puede ser lenta aunque el servidor sea rápido.
  7. Dibuja todo en pantalla.
  8. A partir de ahí, el JavaScript reacciona a lo que haces: abres un menú, envías un formulario, filtras un catálogo. Algunas de esas acciones lanzan nuevas peticiones sin recargar la página (eso es lo que hace que una web "parezca una aplicación").

Vívelo paso a paso

mibarberia.com▍Tu navegadorDNSnombre → númeroServidor
1

Escribes el dominio

Tecleas mibarberia.com y pulsas Enter. Para las máquinas, ese nombre todavía no significa nada.

How The Web Works - The Big PictureAcademind · inglésAbrir en YouTube
Comprueba que lo entendiste

Escribes mibarberia.com y pulsas Enter. ¿Qué es lo primero que ocurre?