Definición
El frontend es la parte de una aplicación o sitio web con la que el usuario interactúa directamente: las pantallas, los menús, los botones, los formularios, las animaciones y todo lo que se ejecuta en su navegador o en su móvil. Se construye con tecnologías como HTML, CSS y JavaScript, y con frameworks como React, Vue o Angular. El frontend no almacena datos ni toma decisiones de negocio; las pide al backend y las presenta de forma comprensible.
En la empresa, el frontend es la cara del producto y, en un SaaS, el producto mismo a ojos del cliente. Los equipos de frontend trabajan junto a diseño de producto y experiencia de usuario, y su calidad se mide en velocidad de carga, facilidad de uso, accesibilidad y funcionamiento en cualquier dispositivo. Un frontend lento o confuso hace que el cliente juzgue mal un backend excelente, porque el usuario no ve el backend; solo ve lo que el frontend le muestra.
Los frameworks modernos permiten construir interfaces complejas con equipos pequeños, y las herramientas de IA generan hoy buena parte del código de frontend a partir de descripciones o diseños. El malentendido habitual es pensar que el frontend es lo fácil, lo decorativo. Es donde se gana o se pierde al cliente en los primeros segundos, y donde los errores son más visibles. Otro error es diseñar solo para escritorio cuando la mayoría del tráfico llega desde el móvil.
En la práctica
Una empresa de seguros rehace el frontend de su área de clientes sin tocar el backend: mismos datos, misma lógica, pero pantallas que cargan en un segundo y funcionan en el móvil. Las llamadas al centro de atención para consultar pólizas caen de forma medible.
Por qué importa
El frontend es lo que tu cliente cree que es tu producto. Invertir en él sin arreglar el backend es maquillaje, pero tener un backend sólido con un frontend descuidado es tener un gran producto que nadie quiere usar.
Preguntas frecuentes
- ¿Qué diferencia hay entre frontend y backend?
- El frontend es lo que el usuario ve y toca: la interfaz en su navegador o móvil. El backend es lo que ocurre en los servidores: guardar datos, aplicar reglas de negocio, procesar pagos, conectar con otros sistemas. El frontend pide y muestra; el backend decide y almacena. Ambos se comunican a través de APIs.
- ¿Qué tecnologías se usan para el frontend?
- La base es HTML para la estructura, CSS para el aspecto y JavaScript para la interactividad. Sobre ella se usan frameworks como React, Vue, Angular o Svelte, y herramientas como Next.js o TypeScript. En móvil, además, se usan tecnologías nativas o frameworks multiplataforma como React Native o Flutter.