Frontend developer: mansioni, stipendio e colloquio
Per il ruolo di frontend developer la fonte riporta una retribuzione base tra 32.000 € e 42.000 € lordi all’anno (Italia · sondaggio Crebs · Front-end Developer Mid-weight, anni non indicati), senza indicare un valore medio.
In breve
- Fascia riportata32.000 €–42.000 €Italia · sondaggio Crebs · Front-end Developer Mid-weight, anni non indicati
- Esperienza2–5 anni
Frontend developer: stipendio in Italia
Retribuzione base annua lorda · Italia · sondaggio Crebs · Front-end Developer Mid-weight, anni non indicati
- Estremo inferiore riportato
- 32.000 €
- Estremo superiore riportato
- 42.000 €
| Livello | Estremo inferiore riportato | Estremo superiore riportato |
|---|---|---|
| Intermedio | 32.000 € | 42.000 € |
| SeniorItalia · sondaggio Crebs · Front-end Developer Senior, anni non indicati | 45.000 € | 65.000 € |
Crebs, Guida Stipendi 2026, pagina «Media stipendi Front-end Developer in Italia, 2026» (data di modifica della pagina: 11 gennaio 2026), livello Mid-weight: da 32.000 a 42.000 €, che la pagina dichiara lordi (RAL). Nonostante la parola «media», la pagina dà un intervallo; qui compaiono i due estremi, che non vanno letti come percentili, media o mediana. La fonte è un sondaggio anonimo a cui hanno risposto quasi 3.000 professionisti, per il 79,8% al nord: ogni cifra è dichiarata da chi risponde. Crebs non pubblica il numero di risposte per il front-end né la data della raccolta e chiama i propri dati «approssimativi, puramente indicativi». I livelli di Crebs non hanno anni: i 2–5 anni attribuiti qui al livello Mid-weight sono una scelta di questa guida. La stessa pagina indica 24.000–34.000 € per Junior e 45.000–65.000 € per Senior, la fascia del livello senior. Hays (Salary Guide 2026, p. 70, Software Development) non ha una riga per chi lavora sull’interfaccia; la sua riga generica Junior Developer, 2–5 anni, Milano, è a 33–38 mila euro di RAL, bonus esclusi, e resta un confronto da non sommare. La fascia non è un costo aziendale.
Fonti: Crebs, Guida Stipendi 2026: Media stipendi Front-end Developer in Italia (livelli Junior, Mid-weight e Senior; metodo del sondaggio); Hays Italia Salary Guide 2026, Technology, Digital & New Media — Software Development, p. 70 (PDF Hays ospitato da QualEnergia; solo confronto); Hays Italia Salary Guide 2026 (pagina ufficiale dell’edizione)
A quale lavoro corrisponde la cifra di riferimento
La cifra della sezione sullo stipendio aiuta quando sai quale dei tre lavori ti serve: un prodotto con un’interfaccia complessa, una libreria di componenti da mantenere o pagine da costruire su un framework già scelto. Sceglilo prima di confrontare la tua offerta con quella cifra. Il sondaggio di Crebs da cui viene non dice se chi cura accessibilità e prestazioni costi di più.
Che cosa chiedere a quel livello
Tra i due e i cinque anni di esperienza conta come la persona motiva le scelte su un’interfaccia che ha seguito. Fatti spiegare tre decisioni: dove teneva lo stato, che cosa mostrava quando i dati non arrivavano, come verificava l’uso da tastiera. Ognuna ha una domanda dedicata nella sezione domande per il colloquio.
Join vende software di selezione, quindi leggi questo esempio sapendo che parliamo di un nostro prodotto. Dall’8 aprile 2026 un modello di colloquio salva anche la descrizione e l’e-mail di invito: per la prova tecnica puoi scriverci una volta durata, materiale da preparare e criteri, così ogni persona convocata riceve le stesse indicazioni. I modelli li creano gli amministratori di sistema e gli utenti con ruolo Standard; chi ha un accesso limitato può solo sceglierli.
Lo stack e il codice ereditato nell’annuncio
Nel modello di descrizione del ruolo indica il framework e la versione che usate oggi. Se una parte del lavoro è tenere in vita codice scritto con strumenti superati, dillo con parole semplici: chi si candida per costruire un prodotto nuovo e trova un sito da riportare in ordine se ne accorge solo al primo colloquio e può ritirarsi.
Frontend developer: modello di descrizione del ruolo
[Nome azienda] opera in [settore] a [città] e cerca chi realizzi e mantenga l’interfaccia di [prodotto o servizio]. La posizione fa parte di un team tecnico di [numero] persone e risponde a [CTO / responsabile tecnico / responsabile di prodotto].
Attività
- Realizzare schermate e componenti per [aree del prodotto] a partire dai progetti di chi si occupa di design, con [framework in uso] e [linguaggio, per esempio TypeScript].
- Collegare l’interfaccia alle API di [servizio] e gestire caricamenti lenti, errori e dati mancanti.
- Scrivere i test dei componenti, rivedere il codice del team e pubblicare le modifiche con [strumenti di rilascio in uso].
- Mantenere [libreria di componenti, se esiste] e proporre una modifica quando un componente non basta.
- Controllare uso da tastiera, tempi di caricamento e compatibilità con [browser e dispositivi da supportare].
- Concordare con [design e prodotto] tempi e limiti di ogni schermata.
Requisiti
- Necessari: esperienza di sviluppo di interfacce web con [framework]; HTML, CSS e JavaScript o TypeScript; capacità di motivare per iscritto una scelta di interfaccia.
- Preferibili: esperienza con [strumenti di test, build o componenti già in uso]; attenzione all’accessibilità; conoscenza di [settore o tipo di prodotto].
- Da chiarire: chi decide sull’aspetto delle schermate e chi approva un nuovo componente.
Condizioni e candidatura
Sede [città], modalità [in sede / ibrida / da remoto]. Inquadramento e CCNL: [da verificare e specificare]. RAL [fascia] e benefit [condizioni]. Indica come si svolge la selezione, con le fasi, la durata dell’eventuale prova tecnica e il contatto per candidarsi: [dettagli].
Devi assumere per questo ruolo? Job Studio trasforma il modello in un annuncio, con una fascia retributiva suggerita e il modulo di candidatura integrato.
Frontend developer: domande per il colloquio
10 domande strutturate, raggruppate per tipo. Ognuna indica la competenza che valuta; aprila per vedere cosa mostra una risposta solida.
Comportamentali 3
Racconta una schermata o un componente che hai portato in produzione. Che cosa hai deciso su stato, errori e dati mancanti?
Interfaccia e statoCosa cercare nella risposta
Distingue lo stato locale da quello condiviso, descrive che cosa vede chi usa la pagina quando i dati ritardano o falliscono e dice che cosa cambierebbe oggi.
Descrivi un problema di prestazioni o di accessibilità trovato in un’interfaccia usata da altre persone. Da che cosa lo hai capito?
Accessibilità e prestazioniCosa cercare nella risposta
Parla di una misura o di una prova, come uno strumento, un test da tastiera o un lettore di schermo, non di una sensazione, e dice che cosa è cambiato dopo la correzione.
Parlami di un progetto grafico che ti sembrava difficile da realizzare. Come ne hai parlato con chi lo aveva disegnato?
Collaborazione con design e prodottoCosa cercare nella risposta
Porta un vincolo concreto, propone un’alternativa vicina all’intento e riconosce i casi in cui aveva ragione chi aveva disegnato.
Situazionali 3
Una persona non riesce a completare un modulo usando solo la tastiera. Che cosa controlli per prima cosa?
Accessibilità e prestazioniCosa cercare nella risposta
Ordine di tabulazione, focus visibile, etichette e messaggi d’errore letti dal lettore di schermo. Riproduce il problema con la tastiera prima di toccare il codice.
Dopo un rilascio la pagina principale impiega il doppio a caricarsi. Come cerchi la causa?
Accessibilità e prestazioniCosa cercare nella risposta
Parte da una misura prima e dopo, guarda peso dei file, richieste e rendering e individua la modifica che ha cambiato il comportamento prima di intervenire.
Chi si occupa di prodotto chiede una schermata per fine mese, ma la libreria di componenti non la prevede. Che cosa proponi?
Componenti e riusoCosa cercare nella risposta
Mette a confronto un componente nuovo, un’eccezione temporanea e un’attesa, con i costi di ciascuna, e annota ciò che accetta di sistemare più avanti.
Tecniche 4
Come imposti lo stato di un modulo lungo con validazione, salvataggio parziale e un’API lenta?
Interfaccia e statoCosa cercare nella risposta
Separa i dati del modulo da quelli del server, mostra che cosa succede durante l’attesa e dopo un errore e propone di provare il caso del salvataggio che fallisce.
Quando generalizzi un componente e quando ne tieni due copie?
Componenti e riusoCosa cercare nella risposta
Parla di casi d’uso reali, dell’interfaccia del componente e del costo di manutenzione. Evita regole assolute e racconta una volta in cui ha tolto un’astrazione.
Quali controlli fai prima di considerare finita una schermata?
Accessibilità e prestazioniCosa cercare nella risposta
Nomina controlli verificabili, come tastiera, lettore di schermo, contrasto, rete lenta e test automatici, e dice quali fa sempre e quali solo quando serve.
Che differenza c’è tra preparare una pagina sul server e nel browser, e come scegli?
Interfaccia e statoCosa cercare nella risposta
Collega la scelta a indicizzazione, tempi del primo caricamento e interattività, riconosce i costi di manutenzione e non difende un solo strumento.
Stipendio e selezione per livello
Lo stesso ruolo a ogni livello: la retribuzione riportata dalla fonte e l’esperienza richiesta.
Frontend developer (livello intermedio)
- Retribuzione base annua lorda
- 32.000 € – 42.000 €Italia · sondaggio Crebs · Front-end Developer Mid-weight, anni non indicati
- Esperienza
- 2–5 anni
Realizza schermate e componenti dentro regole già decise e chiede un parere quando cambia qualcosa che altre persone usano.
Dove cercare
Indica nell’annuncio chi rivede il codice e chi affianca la persona all’inizio. LinkedIn
Cosa deve verificare il colloquio
Capisci quanto lavoro porta a termine senza aiuto e in quale momento decide di chiedere.
Domande per questo livello
Pensa a una schermata che hai seguito per intero: su quali decisioni hai coinvolto altre persone e su quali no?
Cosa cercare nella risposta
Distingue ciò che ha deciso da ciò che toccava altre persone e dice come ha comunicato i cambiamenti.
Che cosa fai prima di modificare un componente usato in molte schermate che non hai scritto?
Cosa cercare nella risposta
Cerca dove viene usato, prova la modifica su un caso reale e avvisa chi ne dipende prima di rilasciare.
Frontend developer senior
- Retribuzione base annua lorda
- 45.000 € – 65.000 €Italia · sondaggio Crebs · Front-end Developer Senior, anni non indicati
- Esperienza
- 5–10 anni
Decide la struttura dell’interfaccia, cioè componenti, stato e regole di accessibilità, e la mantiene coerente nel tempo.
Dove cercare
Chiedi un nome a chi nel team conosce persone che hanno guidato un’interfaccia e indica su quali scelte avrà l’ultima parola.
Cosa deve verificare il colloquio
Verifica come stabilisce regole comuni e come fa evolvere un’interfaccia senza bloccare chi la usa.
Domande per questo livello
Racconta una regola di scrittura dell’interfaccia che hai introdotto nel team. Come hai capito se funzionava?
Cosa cercare nella risposta
Dice quale problema risolveva, come l’ha proposta e che cosa è successo quando non veniva seguita.
Una libreria di componenti ha più versioni in uso e una modifica rompe due prodotti. Come procedi?
Cosa cercare nella risposta
Propone un percorso a tappe con avvisi, versioni e tempi concordati, e dice chi decide la data finale.
Frontend developer: stipendio per paese
Lo stesso ruolo, allo stesso livello, in ogni mercato che copriamo; ogni importo viene da fonti del paese indicato.
| Paese | Valore basso | Valore centrale | Valore alto |
|---|---|---|---|
| ItaliaQuesta paginaItalia · sondaggio Crebs · Front-end Developer Mid-weight, anni non indicati | 32.000 € | — | 42.000 € |
| GermaniaDeutsch | 48.000 € | 58.000 € | 72.000 € |
| FranciaFrançais | 42.000 € | 52.000 € | 65.000 € |
| SpagnaEspañol | 35.000 € | 45.000 € | 58.000 € |
| Paesi BassiNederlands | 44.388 € | 51.864 € | 59.352 € |
Fonti
- Germania (consultate a maggio 2026): Stepstone Gehaltsdaten Frontend-Entwickler:in Deutschland 2026 · Stepstone Gehaltsreport 2026 · Honeypot State of Software Engineering Germany 2025 · Destatis Verdiensterhebung (April 2025), Berufsgruppe 43 IKT-Berufe
- Francia (consultate a maggio 2026): APEC, Baromètre 2025 de la rémunération des cadres tech · Talent.io, Étude rémunération tech France 2025 · Welcome to the Jungle, Salaires développeur·euse Front-end France
- Spagna (consultate a maggio 2026): INE, Encuesta de Estructura Salarial 2024 (CNO 271, Analistas y diseñadores de software) · InfoJobs, Estado del Mercado Laboral en España 2025 · Manfred, Informe del Mercado Tech 2025
- Paesi Bassi (consultate ad agosto 2026): Nationale Vacaturebank — salaris Front-end developer in Nederland
Dove cercare candidature
LinkedIn è un canale generalista nel catalogo Join e si può usare sia in forma organica sia a pagamento. Join non ha dati di resa per un frontend developer in Italia: non fare stime.
Per il catalogo Join, WeAreDevelopers è una bacheca dedicata all’IT, rivolta a un pubblico internazionale e prenotabile solo a pagamento. Quante persone la consultino dall’Italia il catalogo non lo dice: ha più senso se offri lavoro da remoto. Verifica in Join quali opzioni puoi acquistare.
Guida alla valutazione
Il lavoro di un frontend developer si vede in un’interfaccia che altre persone usano. Prima di leggere i profili, decidi quali prove conteranno e chiedile a tutte le persone che arrivano alla stessa fase.
Profilo
Cerca interfacce arrivate in produzione e il contributo personale della persona. Un progetto personale o open source vale quanto un impiego, se la persona sa spiegare le scelte.
Colloquio su un lavoro svolto
Parti da una schermata concreta: come ha gestito dati che ritardano, errori e uso da tastiera. Scrivi che cosa hai osservato prima di sentire il parere di chi era presente.
Prova tecnica breve
Scegli un caso preso dal tuo prodotto, per esempio un modulo con validazione o una lista che si carica lentamente, e comunica prima quanto tempo richiede e su che cosa valuterai il risultato.
Incontro con design e prodotto
Fai incontrare la persona con chi disegna le schermate o decide che cosa costruire. Osserva come discute un vincolo che non può cambiare.
Come valutare le candidature
| Competenza | Sotto le aspettative | In linea | Oltre le aspettative |
|---|---|---|---|
| Interfaccia e stato | Descrive le schermate come copia di un progetto grafico e non dice che cosa vede chi usa la pagina quando qualcosa va storto. | Gestisce stato, errori e dati mancanti e spiega perché ha scelto quella struttura. | Sceglie dove tenere lo stato in base al costo di manutenzione, semplifica ciò che ha ereditato e sa dire che cosa toglierebbe. |
| Accessibilità e prestazioni | Le tratta come rifiniture da fare dopo e non dice come le verifica. | Controlla tastiera, contrasto e tempi di caricamento con strumenti o prove e corregge ciò che trova. | Le porta nel lavoro quotidiano con controlli ripetibili e limiti che il team può verificare a ogni rilascio. |
| Componenti e riuso | Copia lo stesso codice in più schermate o crea astrazioni che nessun altro capisce. | Riusa componenti con interfacce chiare e dice quando preferisce duplicare. | Fa evolvere la libreria con chi la usa, documenta le scelte e ritira ciò che non serve più. |
| Collaborazione con design e prodotto | Realizza quanto richiesto senza discutere e non segnala ciò che non funziona. | Porta vincoli concreti e propone alternative vicine all’intento. | Aiuta a decidere insieme, mette per iscritto le ragioni e cambia idea quando i dati lo mostrano. |
Errori comuni nella selezione per questo ruolo
Un titolo che non dice quale lavoro
Nell’annuncio «sviluppatore web» può indicare l’interfaccia, il server o la gestione di un sito su CMS. Scrivi se il lavoro riguarda un prodotto o un sito e se comprende anche il lavoro sul server.
Contare i framework invece dei progetti
Un elenco di cinque framework dice che cosa la persona ha letto. Chiedi un’interfaccia che ha mantenuto per un anno e che cosa si è rotto, e usa gli strumenti come contesto.
Una prova che guarda solo il risultato visivo
Una pagina identica al progetto può funzionare solo con il mouse e caricarsi lentamente. Nella prova dichiara che cosa controllerai: tastiera, errori, tempi.