Desarrollo web frontend: Cómo funciona Internet

Angela Sofía Osorio

SofiDev Angela Sofía

Tiempo de lectura 4 minutes

Fecha de publicación

El desarrollo web comienza por un concepto que a menudo se pasa por alto en las prisas por ver resultados visuales: la infraestructura. Antes de que cualquier página aparezca en tu pantalla, existe una maquinaria invisible, física y compleja que transporta datos a través de cables submarinos y satélites. Si crees que Internet es una nube mágica de datos flotando en el aire, es momento de entender la realidad.

La anatomía de una petición web

Para alguien que aspira a crear sitios web, no basta con saber que las páginas «están ahí». Cada vez que escribes una dirección en tu navegador y pulsas «Enter», se activa una coreografía de mensajes que viajan a la velocidad de la luz.

HTTP: El lenguaje de la conversación

Imagina que el navegador es un cliente en un restaurante y el servidor es el camarero. El protocolo HTTP es el idioma en el que se comunican. Tu navegador hace una «petición» (quiero ver esta página) y el servidor entrega una «respuesta» (aquí tienes los archivos).

Cuando el servidor responde, envía un código de estado. Si todo va bien, envía un 200 OK. Si el archivo no existe, recibes el famoso 404 Not Found. Es un sistema de mensajes simple que mantiene el orden en el caos de la red.

DNS: Las páginas amarillas de Internet

Las computadoras no entienden nombres como «https://www.google.com/search?q=google.com»; ellas se comunican mediante números llamados direcciones IP (algo como 142.250.190.46). Como los humanos somos pésimos recordando números largos, usamos el DNS (Domain Name System).

El DNS es un traductor que busca el nombre que escribiste y le dice a tu navegador: «Ese sitio que buscas vive en esta dirección numérica». Sin este traductor, tendrías que llevar una libreta con los números de cada sitio que quieras visitar.

Hosting y Dominios: El terreno y la dirección

Para que una web exista, necesita un lugar físico donde «vivir» y una forma de ser encontrada. Aquí es donde entran dos conceptos clave que suelen confundirse.

El Dominio (La dirección)

El dominio es tu identidad en la red. Es el nombre único que compras para que el mundo te encuentre. Piensa en él como la dirección postal de tu casa. Es lo que la gente escribe para llegar a ti.

El Hosting (El terreno)

El Hosting o alojamiento es un servidor (una computadora potente encendida todo el tiempo) donde guardas los archivos de tu sitio. Si el dominio es la dirección, el hosting es la casa donde guardas tus muebles. Cuando alguien visita tu dominio, el hosting le entrega los archivos necesarios para ver la página.

El viaje final: Del cable a la pantalla

El navegador es el intérprete que une todas estas piezas. Su trabajo consiste en recibir esos archivos de texto y código que le envió el servidor y transformarlos en algo que tú puedas leer, clicar y navegar.

  1. Petición: Pides una web.
  2. Traducción: El DNS busca la dirección IP.
  3. Entrega: El servidor del Hosting envía los archivos.
  4. Visualización: Tu navegador dibuja la página.

Nota importante: Internet y la Web no son lo mismo. Internet es la red de cables y conexiones físicas; la Web es solo uno de los muchos servicios que funcionan sobre esa red, como el correo electrónico o las aplicaciones de mensajería.

Próximos pasos

Entender estos cimientos te da una ventaja enorme. Ahora sabes que cuando una página no carga, no es «magia negra», sino un fallo en alguno de estos eslabones de la cadena.

¿Te imaginabas que había tantos pasos intermedios solo para ver una simple página de inicio o pensabas que el navegador lo hacía todo solo?