En el mundo del desarrollo web encontramos dos protagonistas esenciales: el cliente y el servidor. Comprender sus roles es fundamental para entender cómo funciona Internet y cómo se construye una aplicación moderna.
Cliente: el navegador del usuario
El cliente es el dispositivo o aplicación que realiza una petición para obtener información del servidor. En la práctica, el cliente más común es el navegador web: Chrome, Firefox, Edge o Safari.
Funciones del cliente:
- Solicita contenido al servidor mediante una URL.
- Interpreta y muestra el contenido recibido (HTML, CSS, JS).
- Ejecuta código en el lado del cliente (JavaScript).
- Permite la interacción directa con el usuario final.
📌 El cliente pide y muestra.
Servidor: el ordenador que responde
El servidor es un sistema remoto que recibe peticiones del cliente y devuelve respuestas procesadas. Normalmente se trata de un servidor web configurado con software como Apache o Nginx.
Funciones del servidor:
- Escucha peticiones enviadas por el navegador.
- Ejecuta código del lado del servidor (PHP, Python, Node.js).
- Accede a bases de datos para consultar o guardar información.
- Genera contenido dinámico y lo envía al cliente.
📌 El servidor responde y procesa.
Comunicación entre cliente y servidor
El flujo básico de comunicación se resume en:
- El cliente (navegador) realiza una petición HTTP a una URL.
- El servidor recibe y analiza la petición.
- Ejecuta código si es necesario (ejemplo:
producto.php). - Consulta la base de datos en caso de requerir información.
- Genera un archivo HTML con los resultados.
- El navegador interpreta y muestra la página al usuario.
¿Qué se hace en cliente y qué en servidor?
| Acción | Cliente | Servidor |
|---|---|---|
| Mostrar HTML y estilos CSS | ✅ | ❌ |
| Validar campos con JavaScript | ✅ | ❌ |
| Consultar la base de datos | ❌ | ✅ |
| Procesar formularios (PHP, etc.) | ❌ | ✅ |
| Mostrar efectos visuales | ✅ | ❌ |
| Controlar usuarios (login, roles) | ❌ | ✅ |
Analogía: cliente y servidor como restaurante
Imagina una visita a un restaurante:
- Tú (cliente) haces un pedido del menú.
- El camarero (petición HTTP) lleva la orden a la cocina.
- El cocinero (servidor) prepara el plato.
- El camarero te lo entrega (respuesta).
- Tú consumes la comida y decides si pides más.
💡 Sin cliente no hay pedido, y sin servidor no hay comida.
Conclusiones de la lección
- El cliente es quien pide: el navegador y el usuario final.
- El servidor es quien responde: ejecuta código, accede a datos y devuelve resultados.
- Ambos trabajan en conjunto para que la aplicación web funcione.
Comprender esta relación es esencial para dividir responsabilidades en el desarrollo, optimizar procesos y colaborar de manera eficiente en proyectos web.