Menu
Coddy logo textTech
Percorso di apprendimento

Full stack developer: la roadmap web

Corsi gratuiti nell'ordine in cui servono a un full stack developer: HTML, CSS e JavaScript per la pagina, TypeScript e React per l'interfaccia, Next.js per il server, SQL per i dati, poi Linux, Git e Docker per pubblicare. JavaScript gira su entrambi i lati, quindi impari un solo linguaggio e lo usi dall'inizio alla fine. Ogni lezione gira nel browser e ogni sezione dei corsi termina con un certificato gratuito.

830,387+ codder iscritti a questi corsi

880 lezioni883 sfide4,346 domande del quiz

Il percorso da full stack developer, passo dopo passo

7 corsi16 sezioni880 lezioni883 sfide4,346 domande del quiz

Ogni passaggio è un corso Coddy già esistente. Seguili in ordine, o passa direttamente a quello che ti manca: i tuoi progressi vengono salvati per ogni corso in entrambi i casi.

  1. 1
    Inizia questo passoIniziaElementi, link, moduli e markup semantico, poi selettori, il box model, flexbox, grid, layout responsive e transizioni, in due sezioni di CSS. I moduli che scrivi qui sono gli stessi che il tuo server leggerà più avanti nel percorso.IniziaPagina dedicata
  2. 2
    Inizia questo passoIniziaFondamenti, logica e flusso di controllo, oggetti e classi in tre sezioni, poi TypeScript: tipi, interfacce, generics e come leggere gli errori del compilatore. Questo è il linguaggio che scrivi nel browser e sul server, quindi riceve più tempo di qualsiasi altro passaggio.IniziaPagina dedicata
  3. 3
  4. 4
    Inizia questo passoIniziaComponenti, JSX, props, stato, eventi, liste e moduli controllati, per finire con una piccola scheda social che costruisci passo dopo passo. React è lo strato dell'interfaccia che il passaggio successivo fa girare sul server.IniziaPagina dedicata
  5. 5
    Inizia questo passoIniziaRouting e layout, componenti server e client, recupero dei dati sul server, route handler per i tuoi endpoint API, server action per i moduli, stati di caricamento e di errore, poi un'app per ristorante in nove passaggi con carrello, filtri, recensioni e ricerca in tempo reale. Qui scrivi il back end.IniziaPagina dedicata
  6. 6
  7. 7
  8. 8
    Inizia questo passoIniziaImmagini, container, Dockerfile, volumi e reti. Un container impacchetta la tua applicazione con tutto ciò che le serve per funzionare, ed è così che oggi si pubblica su un server la maggior parte delle applicazioni web.IniziaPagina dedicata
Cosa ottieni
Tutto ciò che userai per imparare a programmare

Impara facendo

Scrivi codice vero, interroga database, crea siti web e padroneggia i prompt per l'AI. Le nostre lezioni interattive coprono tutte le competenze di cui ha bisogno uno sviluppatore moderno.

playground.js
Editor di codice
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Input
"Alex"
Output
"Hello, Coddy! Alex"

Costruisci la tua serie

Sii costante e guarda crescere i tuoi progressi! Tieni traccia della tua abitudine quotidiana di programmare, proteggi la tua serie con i giorni di congelamento e guadagna ricompense ogni giorno che ti presenti.

12 giorni di serie

Torna domani per mantenere la tua serie!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Lascia o raddoppia

Giorno 5 di 7

fire Freeze icon

Congela serie

2 left

Programma ovunque

Porta il tuo percorso di programmazione sempre con te! Niente configurazioni, niente download: apri l'app e inizia a programmare. Disponibile su iOS, Android e Web con valutazioni di 4,9 stelle.

Python
7Serie
250Punteggio
5Energia
Variabili
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
CONTINUA
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Percorso
Obiettivi
Classifica
Profilo
4.9
StellaStellaStellaStellaStella
Valutazione

Non sei solo

Competi nelle classifiche globali, invita gli amici per guadagnare ricompense e festeggiate insieme i vostri successi. Programmare è più bello con gli amici!

Lega Sfidante
Lega SfidanteI primi 7 avanzano
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconZona promozioneleaderboard Arrow Up icon

Tutti i modi per imparare

Leggi, ascolta, mettiti alla prova, chiedi all'AI o ripassa qualsiasi cosa tu abbia già visto. Ogni lezione si adatta a te.

Introduzione alle variabili
Audio

Una variabile è un contenitore con un nome che memorizza un valore a cui puoi fare riferimento più avanti nel programma.

In Python la crei scrivendo il nome, un segno di uguale e poi il valore che vuoi memorizzare.

Il valore può cambiare nel tempo: riassegnare il nome lo fa semplicemente puntare a un nuovo valore.

1xSarah

Ottieni un certificato

Ottieni un certificato per ogni corso che completi. Aggiungilo al tuo profilo LinkedIn e al curriculum per mostrare ai datori di lavoro le tue competenze di programmazione.

CoddyCertificato di completamento
Si certifica cheMario Rossiha completato con successo
python iconFondamenti di Python
Verificato
Datagen 2026
LinkedInAggiungi a LinkedIn

Perché imparare lo sviluppo full stack su Coddy

  • Un solo linguaggio su entrambi i lati. Il percorso insegna JavaScript e TypeScript per il browser, poi usa lo stesso linguaggio sul server tramite i route handler e le server action di Next.js, quindi il back end porta idee nuove invece di un secondo linguaggio da imparare da zero.
  • Niente da installare. HTML e CSS vengono visualizzati dal vivo accanto al tuo codice, l'SQL gira su tabelle reali, e i passaggi su Linux, Git e Docker ti danno un vero terminale nel browser. Puoi studiare tutto lo stack su un portatile su cui non è mai stato installato uno strumento per sviluppatori.
  • Suggerimenti AI che leggono il tuo codice. Quando un componente non viene visualizzato, una query restituisce le righe sbagliate o un comando fallisce, Bugsy guarda cosa hai scritto e ti indirizza verso la correzione senza darti la risposta.
  • Conta l'ordine. La maggior parte dei corsi full stack corre verso un framework già nella seconda settimana; questo percorso dedica tre sezioni a JavaScript e una quarta al browser prima che compaia React, perché un framework diventa leggibile solo quando lo è il linguaggio sottostante.

Domande frequenti su come diventare full stack developer

Cos'è un full stack developer?

Uno sviluppatore che sa costruire entrambe le metà di un'applicazione web: il front end che gira nel browser (HTML, CSS, JavaScript e un framework come React) e il back end che gira su un server (gestione delle richieste, logica applicativa e un database). In pratica la maggior parte dei full stack developer è più forte su un lato, ma sa portare una funzionalità dalla tabella del database fino al pulsante che la usa senza passarla a qualcun altro.

Come si diventa sviluppatore web?

Impara HTML, CSS e JavaScript abbastanza bene da costruire una pagina partendo da un file vuoto, aggiungi un framework (React), impara come un server risponde alle richieste e come si memorizzano i dati (Next.js e SQL in questo percorso), impara Git, e costruisci progetti che puoi mettere online e spiegare. I datori di lavoro assumono in base a ciò che puoi mostrare, quindi i progetti contano più di qualsiasi certificato. Questo percorso è quella sequenza, in quell'ordine, ed è gratuito.

Devo imparare prima il front end o il back end?

Prima il front end. Vedi sullo schermo il risultato di ogni riga, il che rende evidenti gli errori e tiene alta la motivazione, e il back end è molto più facile da capire quando hai già costruito la pagina che lo chiama. Per questo il percorso dedica i primi quattro passaggi al browser e solo dopo si sposta sul server e sul database.

Perché questo percorso usa JavaScript sul server invece di Python?

Perché JavaScript è l'unico linguaggio che gira nel browser, quindi usarlo anche sul server significa un solo linguaggio per tutto lo stack. Next.js, costruito su React, permette allo stesso progetto di generare pagine sul server, rispondere a richieste API e gestire l'invio dei moduli. Se preferisci scrivere il back end in Python, il percorso Backend developer di Coddy insegna quella strada.

Serve un bootcamp per diventare full stack developer?

No. Un bootcamp ti dà un calendario, un gruppo di compagni e un orientamento professionale, e te li fa pagare; le competenze in sé sono le stesse che insegna questo percorso, e il materiale gratuito le copre bene. Ciò che un bootcamp non può accorciare è la pratica: centinaia di piccoli esercizi e qualche progetto reale. Se riesci a dedicare un'ora al giorno con costanza senza un insegnante che ti controlla, un percorso gratuito ti porta nello stesso punto.

Quanto tempo ci vuole per diventare full stack developer?

Da nove a dodici mesi circa, con un'ora al giorno, per arrivare a un livello junior. In questo percorso HTML e CSS insieme richiedono da sei a otto settimane, JavaScript e il browser da due a tre mesi, TypeScript e React circa sei settimane, Next.js un mese, SQL da tre a quattro settimane, e Linux, Git e Docker un altro mese. Costruire un tuo progetto in parallelo ai passaggi finali è ciò che trasforma quel tempo in un portfolio.

Questo percorso copre Node.js, Express, autenticazione o deployment?

Non ancora con corsi dedicati, e preferiamo dirlo piuttosto che gonfiare la pagina. In questo percorso il codice lato server si scrive con i route handler e le server action di Next.js, che girano su Node.js, ma non c'è un corso su Express, né uno su come collegare un'app a un database di produzione con un ORM, né uno su autenticazione o deployment su una piattaforma di hosting. Sono nella roadmap del programma e si aggiungeranno a questo percorso come nuovi passaggi quando usciranno.

Questo corso full stack è gratuito, e ricevo un certificato?

Sì. Ogni corso del percorso è gratuito, comprese le lezioni, gli editor e il terminale nel browser, i suggerimenti AI e i certificati. Ogni sezione dei corsi termina con un certificato gratuito, verificabile al proprio URL, che puoi aggiungere a LinkedIn o al CV.

Altri percorsi di apprendimento

Gli stessi corsi, organizzati per un ruolo diverso. I progressi si mantengono: un corso completato in un percorso vale per ogni percorso che lo include.

Tutti i percorsi di apprendimento
Illustrazione dei linguaggi di programmazione di Coddy

Inizia gratis il percorso Full stack developer

Inizia a imparare