NuovoPercorso

Corso React gratis e interattivo

Padroneggia React scrivendo veri componenti dalla prima lezione: JSX, props, stato ed eventi, poi prosegui con Next.js: routing basato sul file system, layout, server component, recupero dei dati e server action. Tutto gira nel browser con suggerimenti AI quando ti blocchi, e ottieni un certificato gratuito quando finisci.

INIZIA A IMPARARE(è gratis)

Vedi il programma Playground React

1,529+ codder iscritti

89 lezioni69 sfide164 domande del quiz

Adatto ai principianti
Aiuto alla programmazione con l'AI
Lezioni interattive pratiche
Narrazione audio in ogni lezione
Quiz per mettere alla prova le tue conoscenze
Certificato di completamento gratuito

Programma

2 sezioni1 progetti89 lezioni69 sfide164 domande del quiz

Sezione 1
Fondamenti
Inizia la sezioneIniziaEspandiComprimiImpara a creare interfacce utente con React: componenti, JSX, props, state ed eventi, dal tuo primo componente a una mini app funzionante.42 lezioni37 sfide65 domande
Alla scoperta di React
5 lezioni513
01Che cos’è React?SfidaQuiz
02Il tuo primo componenteSfidaQuiz
03La regola dell’unico elemento genitoreSfidaQuiz
04JSX non è HTMLSfidaQuiz
05Riepilogo: alla scoperta di ReactSfida
Espressioni JSX
5 lezioni58
01Le parentesi graffeSfidaQuiz
02Operazioni matematiche tra parentesi graffeSfidaQuiz
03Parentesi graffe negli attributiSfidaQuiz
04Chiamare funzioni in JSXSfidaQuiz
05Riepilogo: espressioni JSXSfida
Componenti
5 lezioni48
01Mattoni di baseQuiz
02Il tuo secondo componenteSfidaQuiz
03Riutilizzare i componentiSfidaQuiz
04Comporre una paginaSfidaQuiz
05Riepilogo: componentiSfida
Props
6 lezioni510
01Cosa sono le props?Quiz
02Passare le propsSfidaQuiz
03Due propsSfidaQuiz
04Stesso componente, nuovi datiSfidaQuiz
05La prop childrenSfidaQuiz
06Riepilogo: propsSfida
Stato ed eventi
6 lezioni59
01Che cos'è lo stato?Quiz
02Contatore di clicSfidaQuiz
03Contare a incrementiSfidaQuiz
04Attiva/disattiva con lo statoSfidaQuiz
05Stato indipendenteSfidaQuiz
06Riepilogo: stato ed eventiSfida
Moduli e input
5 lezioni47
01Input controllatiQuiz
02Visualizzare l’inputSfidaQuiz
03Contatore di caratteriSfidaQuiz
04Pulsante CancellaSfidaQuiz
05Ripasso: moduli e inputSfida
Condizioni e liste
6 lezioni510
01Rendering ternarioSfidaQuiz
02Mostrare con &&SfidaQuiz
03Renderizzare una listaSfidaQuiz
04Le key sono importantiQuiz
05Filtra, poi mappaSfidaQuiz
06Riepilogo: condizioni e listeSfida
Progetto: Scheda profilo
4 lezioni4
01Passaggio 1: Struttura della schedaSfida
02Passaggio 2: Scheda con PropsSfida
03Passaggio 3: Pulsante Mi piaceSfida
04Passaggio 4: Interruttore SeguiSfida
Sezione 2
Nozioni essenziali di Next.jsPagina dedicata
Inizia la sezioneIniziaEspandiComprimiPassa dai componenti React a un'app vera e propria: routing basato sul file system, layout, componenti server e client, recupero dei dati, server actions e un progetto Next.js completo.47 lezioni32 sfide99 domande1 progetto
Perché Next.js
4 lezioni39
01Cosa aggiunge Next.jsSfidaQuiz
02La cartella appQuiz
03La tua prima paginaSfidaQuiz
04Riepilogo: perché Next.jsSfida
Routing e collegamenti
6 lezioni516
01Le cartelle sono routeQuiz
02Route annidateSfidaQuiz
03Collegare le pagineSfidaQuiz
04Route dinamicheSfidaQuiz
05Pagine non trovateSfidaQuiz
06Riepilogo: routingSfida
Layout e metadati
6 lezioni515
01Il layout principaleQuiz
02Navigazione condivisaSfidaQuiz
03Layout nidificatiSfidaQuiz
04Metadati della paginaSfidaQuiz
05Metadati dinamiciSfidaQuiz
06Riepilogo: layoutSfida
Server e Client
6 lezioni515
01Due tipi di componentiQuiz
02Leggere l'erroreSfidaQuiz
03La riga 'use client'SfidaQuiz
04Mantieni piccole le parti ClientSfidaQuiz
05Server dentro ClientSfidaQuiz
06Riepilogo: Server e ClientSfida
Dati sul server
6 lezioni516
01Componenti asincroniSfidaQuiz
02In attesa dei parametri della routeSfidaQuiz
03Due fetch contemporaneiSfidaQuiz
04Stati di caricamentoSfidaQuiz
05Gestione degli erroriQuiz
06Riepilogo: recupero dei datiSfida
Azioni server
5 lezioni413
01Che cos'è un'azione serverQuiz
02Moduli che agisconoSfidaQuiz
03Leggere i dati dei moduliSfidaQuiz
04Aggiornare la paginaSfidaQuiz
05Riepilogo: azioni serverSfida
Navigazione lato client
5 lezioni515
01Il link attivoSfidaQuiz
02Routing programmaticoSfidaQuiz
03Filtrare con l'URLSfidaQuiz
04Gestori delle routeSfidaQuiz
05Riepilogo: navigazioneSfida
Progetto: Coddy Eats
Progetto9 lezioni
01Passaggio 1: La strutturaProgetto
02Passaggio 2: La griglia del menuProgetto
03Passaggio 3: Le pagine dei piattiProgetto
04Passaggio 4: Stato di caricamentoProgetto
05Passaggio 5: Titoli delle pagineProgetto
06Passaggio 6: Aggiungi al carrelloProgetto
07Passaggio 7: Filtro per categoriaProgetto
08Passaggio 8: Lascia una recensioneProgetto
09Passaggio 9: Ricerca in tempo realeProgetto

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

Test #1

Test #2

Test #3

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!

January 2026

Lascia o raddoppia

Giorno 5 di 7

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.

250

Variabili

CONTINUA

4.9

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 SfidanteI primi 7 avanzano

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Zona promozione

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.

Certificato di completamento

Si certifica cheMario Rossiha completato con successo

Fondamenti di Python

Datagen 2026

Aggiungi a LinkedIn

Perché imparare React con Coddy

Scrivi JSX nel browser dalla prima lezione. Niente installazione di Node, niente create-react-app, nessuna configurazione di build: ogni lezione ti dà vero codice di componenti da modificare ed eseguire.
Un programma che arriva ad app vere: componenti, props, stato, eventi e hook nella sezione Fondamenti, poi un'intera sezione su Next.js con routing, layout, componenti server e client, recupero dei dati e server action.
Suggerimenti AI che leggono il tuo codice. Quando un componente non si renderizza o lo stato non si aggiorna, ricevi una spinta che indica il tuo bug senza svelarti la soluzione.
Un certificato React gratuito quando finisci: un segnale forte per i ruoli frontend, dove React resta la libreria UI più richiesta.

Domande frequenti su come imparare React

Che cos'è React?

React è una libreria JavaScript per costruire interfacce utente a partire da componenti, piccole funzioni riutilizzabili che restituiscono markup. Creata in Meta, alimenta una grande fetta del web moderno, da Facebook e Instagram ai prodotti di milioni di startup, ed è costantemente la competenza frontend più richiesta negli annunci di lavoro.

Devo conoscere JavaScript prima di imparare React?

Dovresti avere dimestichezza con le basi di JavaScript: variabili, funzioni, array e oggetti. Il corso introduce i pattern JavaScript su cui si appoggia React (arrow function, destrutturazione, map) man mano che servono, quindi non serve essere esperti. Se sei alle prime armi con il codice, fai prima il percorso JavaScript.

React è difficile da imparare?

Le idee di base (componenti, JSX, props) si capiscono in fretta perché corrispondono a cose che conosci già: funzioni e HTML. Stato, effetti e flusso dei dati richiedono più pratica, ed è per questo che qui ogni lezione ti fa scrivere ed eseguire vero codice di componenti invece di limitarti a leggerne.

Qual è la differenza tra React e Next.js?

React è la libreria UI: componenti, stato, rendering. Next.js è un framework costruito sopra React che aggiunge ciò che serve alle app vere: routing basato sul file system, layout, rendering lato server, recupero dei dati e server action. Il corso insegna prima i fondamenti di React, poi una sezione dedicata a Next.js ti porta dai componenti a un'app completa.

Posso imparare React online gratis?

Sì. Il corso React interattivo è gratuito: lezioni pratiche, sfide di programmazione con feedback immediato, suggerimenti con l'AI e quiz. Tutto gira nel browser, quindi non c'è niente da installare e puoi iniziare subito.

Ricevo un certificato dopo il corso React?

Sì. Finendo il corso ottieni un certificato di completamento gratuito da aggiungere a LinkedIn o al CV. Insieme ai componenti e alle app che costruisci lungo il percorso, è una prova concreta di competenze pratiche in React e Next.js.

Percorsi di apprendimento che includono questo corso

Questo corso è un passo di un percorso più lungo: diversi corsi nell'ordine in cui li insegnerebbe un mentore, ognuno con il suo certificato gratuito.