Frontend

El frontend de un programa de software o sitio web es todo aquello con lo que interactúa el usuario. Desde el punto de vista del usuario, el frontend es sinónimo de la interfaz de usuario. Desde el punto de vista de un desarrollador, es el diseño de la interfaz y la programación que hace que esta funcione. Por el contrario, el backend incluye funciones y el procesamiento de datos que tiene lugar en segundo plano.

Uno de los principales objetivos del desarrollo frontend es crear una experiencia de usuario fluida o «sin fricciones». En otras palabras, el frontend de una aplicación o sitio web debe ser intuitivo y fácil de usar. Aunque parece un objetivo sencillo, puede ser sorprendentemente complejo, ya que no todos los usuarios ni dispositivos son iguales. Por ejemplo, una app desarrollada para un dispositivo móvil requiere un frontend significativamente diferente del de una aplicación de escritorio. Los sitios web deben funcionar bien en varios dispositivos y tamaños de pantalla, por lo que el desarrollo web moderno suele incluir el diseño adaptable.

Entre los ejemplos de elementos frontend se incluyen:

1. diseño de la aplicación o página
2. gráficos
3. elementos de audio y video
4. contenido de texto
5. elementos de la interfaz de usuario botones, enlaces, (barras de herramientas, barras de navegación, etc.)
6. áreas de entrada (cuadros de diálogo), campos de formulario, áreas de texto, etc.)
7. flujo del usuario (cómo una interfaz conduce a la siguiente)
8. preferencias del usuario, temas y personalizaciones

La entrada del usuario se recibe a través del frontend y se procesa en el backend de un programa o sitio web. El código del backend lee y escribe datos y envía resultados al usuario mediante el frontend. Puesto que el backend y el frontend de una app o sitio web funcionan conjuntamente, los puestos de trabajo de software suelen requerir desarrollo tanto frontend como backend. El desarrollo para ambos extremos se denomina desarrollo full-stack.

NOTE: Frontend también puede escribirse «front end» (como sustantivo) o «front-end» (como adjetivo). Por simplicidad, la palabra compuesta «frontend» se ha convertido en un término aceptable para ambos casos.