Coding Frontend

Coding Frontend

This stage was dedicated to front-end technologies and best practices, focusing on performance, accessibility, and user experience. Modern frameworks, new trends in web design, and strategies to create intuitive and high-performing interfaces were explored in depth. Industry experts shared advanced techniques to develop innovative digital products, optimized for all devices and aligned with user needs.

Room Hosting

Manuel Ricci
Manuel Ricci
Full stack Developer & Trainer
WebTea
4 JUNE
5 JUNE
6 JUNE
04 june 08:30
05 june 08:30
06 june 08:30
06 june 11:50 - 12:30
40 min
Le applicazioni basate su intelligenza artificiale generativa stanno ridefinendo il software, ma portano con sé una nuova sfida: l’imprevedibilità dell’output. Come garantire la qualità quando ogni risposta può cambiare? In questo talk esploreremo strategie e strumenti per testare applicazioni LLM-based, dalla progettazione di prompt robusti alla gestione dell’output non deterministico, fino alla validazione di bias e fallimenti silenziosi. Un kit essenziale per QA, Dev e Product Leader che vogliono riportare l’affidabilità nel cuore dell’AI.
06 june 12:40 - 13:20
40 min
A volte, soluzioni "semplici" fanno davvero la differenza! Scopriremo come i protocolli MCP possono potenziare significativamente il tuo sviluppo frontend. Attraverso esempi pratici, vedremo come velocizzare la creazione di componenti UI, mantenendo alta la qualità. Con strumenti come MCP+Cursor, i front-end dev possono finalmente investire il loro tempo su ciò che conta: migliorare l'UX e portare il prodotto a un livello superiore.
06 june 14:00 - 14:40
40 min
 Scopri come l'accessibilità può trasformare la tua azienda: un viaggio attraverso le 10 regole d'oro per lo sviluppo di software accessibili e strategie concrete per integrarla nei processi aziendali. Esploreremo metodi, strumenti e approcci per rendere l'accessibilità un vantaggio competitivo.
06 june 14:50 - 15:30
40 min
Il futuro della UI è già nel browser, se si sa come sbloccarlo! Questo talk esplora come combinare HTML semantico, la CSS at‑rule @layer e le CSS Custom Properties per organizzare il codice in una gerarchia scalabile allo scopo di esporre API CSS intuitive. Mostra la costruzione di design system accessibili token‑first, capaci di tradurre i valori del brand in componenti atomici e schemi colore (dark e light con supporto a temi con accent color), come partire da solide fondamenta creando uno UI Kit minimalista (sulla scia di librerie come Pico.css e Water.css) per ottenere interfacce eleganti con quasi nessuna classe CSS e sfruttando al massimo Semantic HTML, favorendo accessibilità e SEO. Alla fine avremo una struttura coesa e future‑proof: partire dal minimalismo, aggiungere layer, esporre API e rimanere accessibili, lasciando che il browser, e  CSS, svolgano il lavoro più pesante; che si stia lavorando a un side project o a un prodotto enterprise.