Differenza tra frontend e backend, spiegata con esempi
"Frontend" e "backend" sono le due parole che senti di più quando ti avvicini allo sviluppo web, e capire la differenza ti aiuta a scegliere cosa imparare. La spiegazione più semplice è la metafora del ristorante.
La metafora del ristorante
- Il frontend è la sala: quello che il cliente vede e con cui interagisce — i tavoli, il menù, i camerieri. Nel web è tutto ciò che appare nel browser: testi, bottoni, colori, animazioni.
- Il backend è la cucina: il cliente non la vede, ma è dove il lavoro vero accade — si preparano i piatti, si gestiscono le scorte. Nel web è il server: database, logica, sicurezza, pagamenti.
Quando premi "Accedi" su un sito, il frontend raccoglie email e password e li manda al backend; il backend controlla che siano giusti e risponde. I due parlano di continuo.
Cosa fa il frontend
Il frontend gira nel browser e si occupa dell'aspetto e dell'interazione. I linguaggi sono HTML (la struttura), CSS (lo stile) e JavaScript (il comportamento). Ecco un pezzetto di logica frontend che puoi eseguire qui:
let nome = "Giulia";
let ora = 20;
let saluto = ora < 18 ? "Buon pomeriggio" : "Buonasera";
console.log(saluto + ", " + nome + "!");Questo è il tipo di codice che decide cosa mostrare all'utente in base alla situazione.
Cosa fa il backend
Il backend gira sul server e si occupa dei dati e delle regole: salva gli utenti in un database, verifica le password, calcola i prezzi, protegge le informazioni. I linguaggi tipici sono Java, Python, JavaScript (Node.js), Go, PHP. Qui vivono anche i database, che si interrogano in SQL.
Il backend è invisibile all'utente ma è dove stanno la logica di business e la sicurezza: è il motore sotto il cofano.
E il "full-stack"?
Uno sviluppatore full-stack sa fare entrambe le cose. Non serve esserlo subito: quasi tutti iniziano da un lato e allargano col tempo. Anzi, all'inizio conviene specializzarsi su uno dei due per non disperdersi.
Quale imparare per primo?
| Se ti piace... | Vai verso | Impara |
|---|---|---|
| Grafica, design, ciò che si vede | Frontend | HTML, CSS, JavaScript |
| Logica, dati, "come funziona dentro" | Backend | Python o Java + SQL |
| Non lo so ancora | Parti dal Frontend | vedi subito il risultato a schermo, motiva di più |
Il consiglio pratico per chi è all'inizio: comincia dal frontend (HTML/CSS/JavaScript), perché il feedback visivo immediato tiene alta la motivazione, poi affacciati al backend quando vuoi capire "cosa c'è dietro".
Prova entrambi i lati
Su LevelUpCode trovi percorsi per tutti e due i mondi: HTML & CSS e JavaScript per il frontend, Python, Java e SQL per il backend. I percorsi di carriera ti mostrano come si combinano verso un lavoro. I primi capitoli sono gratuiti.