¿Cómo $!#&@ funciona una página web?

Juanmnl
4 min readApr 23, 2019

--

Muchas personas saben qué es una página web, pero pocas saben cómo funcionan.

Para poder acceder e interactuar con una página web necesitamos 2 cosas: un navegador web y un servidor web. (Y un servidor no es más que una computadora; en otro lado — 😶)

Y para quién pensó rápidamente: — “¿y el internet?” Parece obvio, pero no. Internet no es un servicio “realmente” necesario. Podemos tener un servidor en la misma computadora en la que estamos navegando.

(Pero esa es una “explicación para otra ocasión”)

:P

La Página –o Sitio– Web

Una página web es un documento o una colección de documentos que nos permiten tener acceso a diferentes recursos alojados en uno o múltiples servidores. Recursos como: textos, datos, gráficos, videos, etc; conocidos como contenido.

Como todo en internet, una página web no es más que un recurso y este recurso se encuentra alojado en un servidor web. Para poder navegar hacia esa página web, necesitamos decirle al navegador en que servidor se encuentra y para esto tenemos lo que se conoce como una dirección IP (ej. 180.210.0.101). Lastimosamente las direcciones IP no son muy amigables para recordar, es por eso que podemos asignarles un dominio (ej. youtube.com).

En esta dirección IP encontraremos la estructura de la página que queremos visitar y la lista de recursos y servicios que necesitamos para navegarla.

Estos documentos y sus secciones –o sub-secciones– se conectan a través de hipervínculos: los botones o palabras, usualmente subrayadas, en las que podemos hacer click.

El Navegador Web

Un navegador web nos permite acceder a cualquier página web.
(bueno, casi a cualquier página web, todavía tengo pesadillas con el navegador de Microsoft — Internet Explorer 6, 7 y 8) 😭

Un navegador es un programa –una aplicación de computadora o teléfono– capaz de interpretar un dominio para posteriormente descargar y ejecutar los recursos y servicios necesarios que nos permitirán interactuar con la página web y su contenido.

Existen muchos tipos de navegadores modernos para cada dispositivo, pero los más destacados son:

El navegador interpreta los documentos que envía el servidor y los traduce a nuestro propio lenguaje.

En su forma más básica, estos documentos están escritos –o codificados– en HTML. Este formato permite al navegador entender la estructura del documento y la página web.

En las páginas web modernas encontramos usualmente tres tipos de archivos o formatos:

  • Html: la base, estructura
  • Css: los estilos, presentación
  • JS o javascript: el comportamiento, interacción

(Estos también serán una “explicación para otra ocasión”)

El Servidor Web

Un servidor web no es más que la computadora de alguien más.

Es decir, es una computadora que está ubicada en algún lugar –popularmente conocido como la nube– y cuya función es procesar y/o almacenar archivos en multiples carpetas. Como las funciones de cualquiera de nuestras computadoras. Sin embargo, y a diferencia de una computadora normal, los servidores web suelen estar preparados para procesar cantidades gigantescas de datos y a velocidades impensables con millones de conexiones simultáneas. Mucho –muchísimo– más de lo que una computadora comercial podría soportar. 🔥

A los grupos de servidores los conocemos como “clusters” o “server farms”; o simplemente como “la nube”.

Como ejemplo rápido: en una página web que tiene secciones privadas, el servidor web es quien decide si tenemos permiso o no para ver un archivo. A estos los llamamos recursos públicos y/o privados.

Para poder acceder a los recursos privados se implementan métodos de autorización y autenticación. Estos métodos son parte de procesos como el inicio de sesión de una cuenta o el registro de la misma.

(¡Sí! Esta también es una “explicación para otra ocasión” fiuuuu!) 🤗

tl:dr;

  • Ingresamos un dominio en el navegador
  • El navegador interpreta el dominio y se comunica con el servidor
  • El servidor analiza la comunicación y responde al navegador
  • El navegador traduce la respuesta y nos presenta la página web

Todo esto transcurre en milésimas de segundo. Bueno, dependiendo de tu conexión y tu computadora y tu navegador y de quién hizo la página o el servicio y del estado de sus servidores y etc. 🤔

¡Bien! ¡Ya sabes cómo funciona y qué es lo que pasa detrás de tu pantalla cuando ves una página web! 😅 (al menos lo básico)

¡Hasta la próxima!

🖖

--

--