Conference Milan 2023 | Front-end

Description:
Nel mondo sempre più complesso e interconnesso della tecnologia web, ci si aspetta che le applicazioni offrano esperieze utente sempre più coinvolgenti immersive e performanti. Per rispondere alle richieste del mercato, presentiamo un'architettura software all'avanguardia basata su Three.js, Web Workers, Shared Workers, Service Workers, Shared Memory e Circular Array Buffers che va a ridefinire le possibilità della visualizzazione sul web.

Description:
As our carefully crafted applications meet real-world demands, they become large and thus slower. Qwik-City is a new kind of meta-framework that maintains fast startup performance no matter the complexity. It does this by focusing on Resumability, Reactivity, LazyLoading, Bundling, pre-fetching, and statistical analysis of application usage. In this workshop, we will build an application using Qwik-City and explore its many features.

Description:
Introdurre un'iniziativa di accessibilità tecnica nelle aziende garantisce l'accesso universale ai servizi digitali e avvia un cruciale dialogo sull'inclusione, migliorando l'esperienza dell'utente sia internamente che esternamente grazie alla trasformazione dei processi aziendali e all’introduzione di una cultura di accessibilità condivisa. In questo incontro, finalizzato a potenziare l'empatia individuale, vedremo come avviare questo cambiamento attraverso l’uso di strumenti tecnici, workshop e demo.

Description:
Everyone thinks he/she knows how to use React well, me included. But even React docs is only 90% completed, how can we be so sure we understand all the use cases each React feature is for? This is not a talk about best practices. It's about findings and lessons learned after working and debating about using React daily.

Description:
Scopo della sessione è esplorare le migliori pratiche e gli strumenti per creare app mobile accessibili con Flutter, seguendo le World Content Accessibility Guidelines (WCAG). Condividerò strategie e tecniche per garantire l'accessibilità a persone con disabilità visive, uditive e motorie, contribuendo così a rendere il mondo digitale più inclusivo. Mostrerò come in Generali utilizziamo Flutter per sviluppare app che rispettino elevati standard di accessibilità, le sfide che stiamo affrontando e l'approccio tecnico adottato per rendere i nostri prodotti fruibili per tutti i nostri utenti. Consulta qui il materiale della speaker

Description:
The Web SQL Database API, which allows you to store data in a structured manner on the user's computer, was introduced in April 2009 and abandoned in November 2010. In this talk, I will put the focus on a replacement technology that Google is working on with the SQLite community based on SQLite implemented in WebAssembly (Wasm) and backed by the highly performant Origin Private File System (OPFS). I will show how you can make use of this approach and explain how this allows you to fulfill your storage and querying needs on the web.

Description:
There are too many talks about how to develop good software. However, creating bad software requires discipline, perfectionism, and a high level of dedication and craftsmanship. In this talk you will learn to create code that, when modified, will break parts of the application that seemingly have no connection. You will introduce so much entropy into projects that your teammates will question why they chose programming as a career. Join this talk and let's create software together that would make a goat vomit!

Description:
Web Components are here and are indeed growind steadily inside the web community. But what are they good for? What problems do they solve that old and new frontend frameworks don't? Or maybe they solve the problems caused by frameworks?Migrations. UI Kits. Micro-frontends. Accessibility. Server-side rendering. Form participation. Consistent design. Let's see how Web Components let us tackle these challenges with solutions that will last.

Description:
All frameworks have reactivity. Change your state, and the UI updates accordingly. But how does it actually work under the hood? How do the frameworks learn enough about your application to enable reactivity? What are the implications of these choices, and how do frameworks compare to each other in how they are implemented? But most importantly, are these choices compatible with resumability going forward or are we stuck with Hydration forever?

Description:
Join us as we will share the transition from a distributed to an innovative centralized digital delivery model for our customers’ digital channels. With a modular development approach, a defined design system and Agile/DevOps processes, we build a scalable digital asset for our local Business Units, fostering a Convergence approach at Group level. Transitioning from hybrid development to Flutter is a key step of this transformation, improving the performance and making the asset more usable for customers. This transition represents a deep cultural and technological shift within our company.

Description:
Stiamo assistendo ad una rivoluzione del mondo Front-End e moltissimi nuovi (full-stack) framework stanno nascendo o si stanno evolvendo: Next, Astro, Qwik, SvelteKit, SolidJS, … Ottimizzazione per i motori di ricerca, incremento delle prestazioni, minor impatto ambientale e aumento delle conversioni ($$$) sono i principali motivi che stanno spingendo il mondo JavaScript ad abbandonare il Client Side Rendering in favore di SSR, SSG, nuovi pattern di rendering e nuove strategie di Hydration. Ne discuteremo con Fabio Biondi, due ospiti e con il pubblico, che sarà coinvolto in modo attivo

Description:
Even though digital sounds and feels green, reality is much different. Digital technologies are actually responsible for about 4% of carbon emissions, while air travel accounts for 2.5% and the whole country of India for 7%. How we design and develop our websites can have a huge impact on the overall carbon footprint of the Internet. In this session, I would like to show you how to measure your website's carbon footprint and provide you with some design and development strategies to help reduce it.