Videocorso Elm CGFA — Siti e applicazioni web senza errori a runtime, con un linguaggio funzionale semplice e un compilatore che ti guida

Pubblicato il 30 Ottobre 2026 · Aggiornato il 30 Ottobre 2026 · Autore: CityGraph Napoli (Claudia D'Urso, titolare)

Guarda la presentazione del videocorso Elm

Apri le prime 2 lezioni gratis · Scarica il video in MP4

Perché imparare Elm

Elm è un linguaggio funzionale per costruire pagine e applicazioni web che non vanno in crash: il compilatore trova gli errori e spiega come correggerli. La sua architettura Model, Update, View ha ispirato il modo di lavorare di React e Redux. Il corso parte dalle basi e arriva a dati dal server, JSON e integrazione in siti esistenti.

A chi è rivolto

Il corso è pensato per: chi sa un po' di HTML e di JavaScript e vuole provare un modo nuovo e sicuro di costruire interfacce web: sviluppatori front-end, curiosi della programmazione funzionale. Partenza: Base.

• Aver visto un po' di HTML e di JavaScript (basta poco)
• Un computer Windows, Mac o Linux
• Un editor come Visual Studio Code

Il programma: 10 lezioni in 3 livelli

Circa 11 ore di studio con gli esercizi, in lezioni da 20 a 40 minuti. Le prime 2 sono gratis.

Base: Il linguaggio: valori, funzioni, liste, record e tipi personalizzati

• Cos'è Elm e il primo programma (20 min, gratis): Capire perché Elm è diverso da JavaScript, installarlo e provare le prime espressioni nel REPL.
• Valori, tipi e funzioni (25 min, gratis): Definire valori e funzioni in un file Elm, scrivere le annotazioni di tipo e usare if e let.
• Liste, record e Maybe (30 min): Lavorare con liste (map, filter), record con campi e valori che possono mancare con Maybe.
• Tipi personalizzati e case (30 min): Creare tipi con più varianti e gestirle tutte con case...of.

Intermedio: L'architettura Elm: pagine interattive, moduli di input e dati dal server

• L'architettura Elm: Model, Update, View (35 min): Costruire una pagina interattiva con Browser.sandbox, capendo il ciclo Model, Msg, update e view.
• Moduli di input e liste interattive (35 min): Leggere ciò che scrive l'utente con onInput, aggiornare un record e mostrare una lista.
• Dati dal server: Http e Json.Decode (40 min): Scaricare un file JSON, trasformarlo in tipi Elm con i decoder e mostrare caricamento ed errori.

Avanzato: Comandi e abbonamenti, dati sicuri, test e integrazione con JavaScript

• Browser.element, Cmd e Sub (40 min): Costruire un programma completo con init, subscriptions, tempo reale e valori iniziali (flags).
• Dati sicuri: Result, tipi opachi e stati impossibili (40 min): Validare i dati con Result e modellare i tipi in modo che i valori sbagliati non possano esistere.
• Test, ottimizzazione e integrazione con JavaScript (40 min): Scrivere test con elm-test, compilare per la produzione e inserire Elm in una pagina con flags e ports.

Il progetto finale: Il catalogo interattivo della bottega

Costruisci una piccola pagina in Elm che scarica l'elenco dei prodotti da un file JSON, lo mostra con prezzo, permette di filtrare scrivendo in un campo e calcola il totale del carrello. Usa l'architettura Model, Update, View, Http, i decoder e un tipo personalizzato per lo stato della pagina.

1. Crea la cartella catalogo, lancia elm init e installa elm/http e elm/json.
2. Scrivi prodotti.json con almeno quattro prodotti (nome e prezzo).
3. Definisci type alias Prodotto e il decoder con Decode.map2.
4. Definisci lo Stato (Caricamento, Fallito, Pronto) e i Msg (Ricevuti, CambiaFiltro, Aggiungi).
5. Scrivi update, con Http.get in init, e restituisci sempre modello e Cmd.
6. Nella view mostra caricamento, errore o lista filtrata con List.filter e String.contains.
7. Calcola il totale del carrello con List.sum e List.map .prezzo.
8. Compila con elm make --optimize e prova la pagina con elm reactor.

Cosa ti serve

• Elm 0.19.1: Si scarica gratis dal sito ufficiale elm-lang.org, pagina "Install" (installer per Windows e Mac), oppure con npm install -g elm
• Visual Studio Code con "Elm Language Support": Estensione gratuita che evidenzia gli errori mentre scrivi; installa anche elm-format per l'ordine automatico del codice
• Ellie: Editor online gratuito (ellie-app.com) per provare il codice Elm nel browser senza installare niente

A cosa ti serve dopo il corso

• Sviluppatore front-end in aziende che puntano sull'affidabilità
• Interfacce web senza errori a runtime (nessun "undefined is not a function")
• Applicazioni web da integrare dentro siti esistenti
• Passaggio verso altri linguaggi funzionali (Haskell, F#, Gleam) e verso strumenti come Redux, la cui architettura è ispirata a quella di Elm

Come si studia

• Video breve per ogni lezione, con i sottotitoli e il testo del video da leggere.
• Spiegazione scritta con esempi italiani (prezzi in euro, negozi, città) e codice da copiare con un tocco.
• Esercizio con la soluzione, appunti personali e quiz di tre domande per segnare la lezione come fatta.
• Esame finale di 15 domande (si supera con il 75%) e attestato stampabile con codice di controllo verificabile.
• App installabile su PC, tablet e telefono: niente account, i progressi restano sul dispositivo e si salvano con il backup.

Per privati, scuole e aziende

• Singolo corso: per chi vuole imparare un linguaggio, con tutte le lezioni, il progetto finale, l'esame e l'attestato.
• Tutti i corsi: l'accesso a tutto il catalogo CGFA Academy, per passare da un linguaggio all'altro quando vuoi.
• Aziende: formazione dei dipendenti su programmazione, dati, automazione e scrittura, con gli attestati nel registro.
• Scuole e centri di formazione: licenza per sede, per le classi e i laboratori, con la verifica dei codici degli attestati.
• White label: l'Academy con il nome, i colori e il dominio di chi la offre, per enti di formazione, agenzie e consulenti.

Le condizioni si concordano in base alle persone da formare: scrivici con Richiedi maggiori informazioni o su WhatsApp.

L'attestato è un attestato di frequenza con codice di controllo, non un titolo di studio né una certificazione pubblica. I programmi indicati nel corso sono gratuiti o già presenti nel computer, salvo dove è scritto diversamente.