WMF 2026 - Coding Frontend

Coding Frontend

Lo stage dedicato allo sviluppo frontend, con focus su nuovi paradigmi di coding guidato dall’AI e flussi di lavoro autonomi.
Qui troverai esempi concreti e strumenti innovativi per automatizzare test e ottimizzare lo sviluppo di interfacce moderne.

Hosting della sala

Manuel Ricci
Manuel Ricci
Full stack Developer & Trainer
WebTea
24 GIUGNO
25 GIUGNO
26 GIUGNO
N.A.I.P. - Live Concert N.A.I.P. - Live Concert
Opening Ceremony Opening Ceremony
25 giugno 11:50 - 12:20
30 min
Italian
Un anno fa parlavo di MCP come acceleratore. Oggi l'ecosistema è esploso: agenti, memory, design-to-code. In questo talk faccio il punto sullo stato dell'AI nel frontend development e condivido come il nostro workflow si è evoluto. Meno hype, più realtà: cosa funziona, cosa no, e dove stiamo andando.
Full Ticket
25 giugno 12:40 - 13:10
30 min
Italian
Full Ticket
25 giugno 14:30 - 15:00
30 min
Italian
Scommetto che stai sottoutilizzando i tuoi font (e non lo sai). Usiamo i web font ogni giorno, ma spesso li trattiamo come semplici asset da caricare. In realtà, il CSS moderno mette a disposizione strumenti potenti e ormai ben supportati per controllare metriche, fallback, rendering e leggibilità del testo. Sul lato dei font, è fondamentale prendere consapevolezza di ciò che contengono (o non contengono): dal supporto linguistico alle finezze spesso nascoste degli OpenType, dagli assi più utili dei font variabili fino alle palette dei nuovi font colorati. Uno sguardo a tecniche recenti all’intersezione tra CSS e tipografia per migliorare stabilità del layout, esperienza di lettura e performance, e costruire interfacce più solide ed efficaci.
Full Ticket
25 giugno 15:20 - 15:35
15 min
Italian
Un caso studio sul percorso svolto con 3Bmeteo per integrare l’accessibilità nel processo di redesign di sito e app. Dal confronto sui design alla definizione di indicazioni su struttura, semantica e interazioni, fino alla verifica dell’implementazione, racconterò di un metodo di lavoro iterativo e collaborativo, pensato per intercettare le barriere prima del rilascio e trasformare l’accessibilità in una pratica condivisa tra design e sviluppo.
Full Ticket
25 giugno 15:35 - 15:50
15 min
Italian
L'AI genera codice in secondi. Scrive copy, crea layout, suggerisce componenti. È veloce, convincente e spesso... completamente inaccessibile. Ruoli ARIA inventati. Contrasti colore inesistenti. Strutture semantiche sbagliate. Alt text generici o assenti. Form senza etichette. L'AI non sa cosa non sa e produce output che sembrano corretti ma escludono milioni di utenti. Il problema non è l'AI in sé. È che la usano persone che non hanno ancora gli strumenti per valutarne l'output dal punto di vista dell'accessibilità. E quando il revisore non sa cosa cercare, l'errore passa indisturbato in produzione. In questo talk vedremo: - Gli errori di accessibilità più comuni generati dall'AI (con esempi reali) - Come fare le domande giuste per ottenere output più accessibili - Come usare l'AI come alleato nei test e nelle revisioni - Cosa deve sapere ogni professionista del digitale per non fidarsi ciecamente del codice generato Perché il futuro del web non è scegliere tra velocità e inclusività. È imparare a pretendere entrambe.
Full Ticket
25 giugno 16:10 - 16:40
30 min
English
Meet a framework-free, zero-deps app stack powered by the near-future web: a tiny signal-based store, DOM-first rendering, and tagged template literals for expressive, safe views.  Sketching an observable state core aligned with the TC39 Signals proposal, with a look to the future to bind it to the DOM using emerging “DOM Parts” ideas for precise updates, finally layering a minimalist template-literal engine that makes JSX feel optional.  The result is a reactive, component-capable architecture you can understand in one file, portable from today’s browsers to tomorrow’s platform APIs.  Come for the WOW, leave with a starter kit for building real apps in vanillaJS. (Proposals: TC39 Signals, DOM Parts, both in active exploration and limited availability.)
Full Ticket