Videocorso WebAssembly CGFA — Dal formato testo WAT all'uso da JavaScript, fino a compilare Rust e C in codice velocissimo per browser e server

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

Guarda la presentazione del videocorso WebAssembly

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

Perché imparare WebAssembly

WebAssembly fa girare nel browser codice veloce quasi come un programma installato: editor di immagini, CAD, giochi e video sul web lo usano già. Permette anche di portare sul web librerie scritte in C, C++ o Rust e di eseguire plugin sicuri sui server con WASI. Il corso parte dal formato testo WAT e arriva a compilare Rust e C, con il convertitore di fatture come progetto.

A chi è rivolto

Il corso è pensato per: sviluppatori web e programmatori curiosi che vogliono capire e usare WebAssembly, anche senza averlo mai visto. Partenza: Base.

• Conoscere le basi di JavaScript (variabili, funzioni, cicli)
• Un computer Windows, Mac o Linux con un browser moderno
• Per le ultime lezioni: nozioni elementari di Rust o di C aiutano, ma ripassiamo il necessario

Il programma: 10 lezioni in 3 livelli

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

Base: Cos'è WebAssembly, il formato testo WAT, tipi, controllo del flusso e memoria

• Cos'è WebAssembly e il primo modulo (25 min, gratis): Capire a cosa serve WebAssembly, scrivere un modulo in formato WAT e chiamarlo da JavaScript.
• Tipi, variabili locali e globali (25 min, gratis): Conoscere i quattro tipi di Wasm, usare variabili locali e globali e fare calcoli con numeri interi e decimali.
• Condizioni, cicli e funzioni (30 min): Usare if, block, loop e br_if per scrivere cicli, e far chiamare funzioni tra loro.
• La memoria lineare (30 min): Usare la memoria di Wasm con load e store, inizializzarla con data e leggerla da JavaScript.

Intermedio: L'API JavaScript, importare funzioni e compilare dal C

• L'API JavaScript di WebAssembly (30 min): Conoscere Module, Instance, Memory, Global e Table e riconoscere gli errori di caricamento.
• Importare funzioni e passare dati (30 min): Far chiamare a Wasm funzioni JavaScript con gli import e scambiare testi e array tramite la memoria.
• Compilare dal C (35 min): Trasformare una funzione C in un modulo Wasm con clang oppure con Emscripten e usarla da JavaScript.

Avanzato: Rust, WASI fuori dal browser e prestazioni

• Da Rust a WebAssembly con wasm-bindgen (40 min): Compilare una libreria Rust in Wasm e usarla da JavaScript con stringhe e funzioni comode grazie a wasm-bindgen.
• WASI: WebAssembly fuori dal browser (35 min): Eseguire programmi Wasm da riga di comando con un runtime e capire il ruolo di WASI e dei componenti.
• Prestazioni, debug e quando usare Wasm (35 min): Misurare, alleggerire e fare il debug di un modulo, conoscere SIMD, thread e GC e decidere quando conviene usare Wasm.

Il progetto finale: Il convertitore di fatture in WebAssembly

Costruisci un modulo Wasm che calcola il totale con IVA di una lista di fatture e una pagina web che lo usa. Imparerai a scrivere WAT, a preparare i dati in memoria da JavaScript e a leggere il risultato.

1. Crea il file totale.wat con una memoria esportata di una pagina.
2. Scrivi la funzione somma_f64(inizio, n) che somma n numeri f64 letti dalla memoria (8 byte ciascuno).
3. Scrivi la funzione con_iva(x) che restituisce x * 1.22.
4. Compila con wat2wasm totale.wat -o totale.wasm.
5. In JavaScript scrivi gli importi nella memoria con un Float64Array e chiama le due funzioni.
6. Mostra il risultato in una pagina HTML con un campo e un pulsante.
7. Extra: riscrivi la somma in Rust con wasm-bindgen e confronta le dimensioni dei due file.

Cosa ti serve

• Un browser moderno e Node.js 24 LTS: Chrome, Firefox, Edge e Safari supportano WebAssembly; Node.js si scarica gratis da nodejs.org e serve per provare gli esempi da riga di comando
• WABT (WebAssembly Binary Toolkit): Contiene wat2wasm per trasformare il testo WAT in un file .wasm. Si scarica dalle release su github.com/WebAssembly/wabt oppure con sudo apt install wabt o brew install wabt. Online c'è anche l'editor ufficiale "wat2wasm demo" per provare senza installare nulla
• Rust con rustup e wasm-bindgen: rustup da rust-lang.org; poi rustup target add wasm32-unknown-unknown e cargo install wasm-bindgen-cli
• Emscripten o clang (per il C): Emscripten da emscripten.org (emsdk), oppure clang con wasm-ld: basta un compilatore LLVM con il target wasm32
• Wasmtime: Runtime gratuito per eseguire file .wasm fuori dal browser, da wasmtime.dev

A cosa ti serve dopo il corso

• Applicazioni web ad alte prestazioni (editor di immagini, CAD, giochi, video)
• Portare nel browser librerie scritte in C, C++ o Rust
• Plugin sicuri e portabili per server e cloud (edge computing)
• Strumenti da riga di comando portabili con WASI
• Sicurezza: l'isolamento (sandbox) dei programmi non fidati

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.