Frontend, backend, base de datos, hosting
Vamos una capa más profundo, usando nuestro ejemplo: un usuario hace clic en "Guardar perfil."
. La aplicación visible, que se ejecuta en un navegador web o como app móvil. Dibuja el formulario, detecta el clic y recopila lo que el usuario escribió. Por diseño es no confiable: cualquiera puede abrirlo, inspeccionarlo y modificarlo. Así que su trabajo es verse bien y sentirse responsivo, no aplicar nada importante.
. Cuando se hace clic en el botón, el frontend envía los datos al backend — código que se ejecuta en un servidor. El backend verifica que el usuario haya iniciado , valida los datos ("¿esto realmente es una dirección de correo?"), aplica las reglas de negocio y solo entonces los guarda. Aquí es donde vive la confianza, porque los usuarios no pueden manipularlo.
. El backend entrega los datos a la base de datos para almacenarlos. No es una caja mágica — piénsalo como un conjunto de hojas de cálculo muy estrictas (llamadas tablas) que se pueden buscar al instante y que nunca olvidan. Mañana, el backend vuelve a leer el perfil para mostrarlo de nuevo.
Hosting. En producción, nada de esto se ejecuta en tu laptop. Se ejecuta en computadoras alquiladas a un proveedor de hosting como Cloudflare, Vercel o una plataforma en la nube. El hosting es lo que hace que tu aplicación sea accesible en una dirección web real, en lugar de estar disponible solo en tu propia máquina.
Un instinto útil: cuando algo se rompe, pregunta en qué capa. "El botón no hace nada" es frontend. "Guarda lo incorrecto" suele ser backend. "Olvidó mis datos" apunta a la base de datos. Nombrar la capa es la mitad de arreglar el error — y la mitad de escribir un sobre el que la IA pueda actuar.