Frontend

Il frontend di un programma software o di un sito web è tutto ciò con cui interagisce l’utente. Dal punto di vista dell’utente, il frontend è sinonimo di interfaccia utente. Dal punto di vista di uno sviluppatore, è la progettazione dell’interfaccia e la programmazione che ne consente il funzionamento. Al contrario, il backend include le funzioni e l’elaborazione dei dati che avvengono in background.

Uno degli obiettivi principali dello sviluppo frontend è creare un’esperienza utente fluida o senza "attriti". In altre parole, il frontend di un’applicazione o di un sito web dovrebbe essere intuitivo e facile da usare. Anche se sembra un obiettivo semplice, può essere sorprendentemente complesso, poiché non tutti gli utenti o i dispositivi sono uguali. Per esempio, un’app sviluppata per un dispositivo mobile richiede un frontend significativamente diverso da quello di un’applicazione per computer desktop. I siti web devono funzionare bene su più dispositivi e dimensioni dello schermo, motivo per cui lo sviluppo web moderno include in genere il design responsivo.

Esempi di elementi frontend includono:

1. layout dell’applicazione o della pagina
2. grafica
3. elementi audio e video
4. contenuti testuali
5. elementi dell’interfaccia utente pulsanti, link, (barre degli strumenti, barre di navigazione, ecc.)
6. aree di input (finestre di dialogo), campi dei moduli, aree di testo, ecc.)
7. flusso dell’utente (il modo in cui un’interfaccia conduce a quella successiva)
8. preferenze dell’utente, temi e personalizzazioni

L’input dell’utente viene ricevuto tramite il frontend ed elaborato nel backend di un programma o di un sito web. Il codice del backend legge e scrive dati e invia l’output all’utente tramite il frontend. Poiché backend e frontend di un’app o di un sito web lavorano insieme, i ruoli nel settore software richiedono spesso competenze sia nello sviluppo frontend sia in quello backend. Lo sviluppo per entrambe le parti è chiamato sviluppo full-stack.

NOTE: Frontend può essere scritto anche "front end" (come sostantivo) o "front-end" (come aggettivo). Per semplicità, la parola composta "frontend" è diventata un termine accettabile in entrambi i casi.