Nicolas Frizzarin
Developer Advocate / Google Developer Expert Web
Actions
Google Developer Expert in Web Technologies and Angular, also a Microsoft Most Valuable Professional, Nicolas is a French FontEnd specialist and User Interface Designer from Metz, France.
He works as a Developer Advocate and Senior Staff Engineer at Sfeir Luxembourg. Besides that, Nicolas is a speaker, and likes to contribute to the community by giving talks, trainings, writing articles or participating in open source projects like Ng Zorro
Links
Badges
Become a JavaScript fullstack ninja with Nest JS
Nowadays, many JavaScript projects have rapidly improved the productivity of developers when creating Front-End applications (Angular, React, Vue, etc).
Angular offers us a robust platform that simplifies the structuring and development of highly scalable and complex applications. Today, the evolution of technologies forces us to constantly learn new things! But what if we could reuse our experience and knowledge already acquired? Share the language, key concepts, design patterns and apply them on the server side.
As developers, we favor simplicity and reusability, but how do we really take advantage of it?
In this presentation, you will learn how Nest Js allows us to reuse all the key concepts and design patterns of Angular, thus improving our productivity and how to start your journey to become an Angular-dominant Typescript full-stack developer.
Angular change detection upgrade: Synchronisation
Since the creation of front-end frameworks, a major challenge has always been change detection, facilitating the refreshing of the view with maximum performance.
Since its inception, Angular has relied on Zone.js, a library that patches native JavaScript APIs, to perform event-based change detection. Since Angular version 1, 19 versions have passed, and a new way of thinking about change detection has emerged. This emergence has appeared with the arrival of Signals (a new primitive reactivity system in the framework) to the point of no longer speaking of change detection but of synchronization.
What is synchronization? How to integrate Signals optimally to have the best performance of it? What are the best practices to implement and the pitfalls to avoid? And finally, how to achieve a so-called smooth migration to this new system?
This talk aims to provide you with these answers through concrete cases that I have implemented in various projects, examples, and content slides ;)
Gemini Nano: The Web's Next Big Thing
Gemini Nano, a groundbreaking development in web technology, is poised to revolutionize the way we interact with and experience the internet. This innovative platform introduces a new era of web APIs, offering a host of advantages for developers and users alike.
In this talk, we will explore the key features and benefits of Gemini Nano's API framework, including its enhanced performance, improved scalability, and enhanced security. We will delve into specific use cases, demonstrating how Gemini Nano can streamline API development, optimize resource usage, and create more responsive and engaging web applications.
Furthermore, we will discuss the implications of Gemini Nano for the future of web development, exploring how this technology can drive innovation and create new opportunities for developers and businesses. By understanding the potential of Gemini Nano, we can envision a future where web applications are more efficient, accessible, and secure than ever before.
Horizon Front-End : Les enjeux à venir des frameworks
Alors que React et Vue ont maintenant dix ans contre 8 bougies seulement pour Angular, chaque framework continue d'innover avec des innovations majeures pour chacun. Dans cette session, nous reviendrons sur ces nouveautés et explorerons le futur de ces trois acteurs majeurs ainsi que celui du développement front-end dans son ensemble.
The INP score: What it is and how to improve it
The Input Latency (INP) metric is a measure of how long it takes for a website to respond to user input. It is a critical metric for user experience, as it can affect how quickly users can interact with your website and this one will replaced the FID metric in March 2024
An interaction is composed of three parts
- The Input delay
- The callback events
- The presentation delay
Unfortunately, optimizing only one of these three parts will not be enough to optimize the INP metric.
But what do these parts correspond to and how can they all be optimized?
By the end of this talk, you will be well-equipped to improve the INP of your website and provide a better user experience for your visitors
The Core Web Vitals cheat sheet for Angular developers
Do you want to make your Angular app load Faster? Do you want to improve the user experience of your Angular application? Then you need to learn about Core Web Vitals!
CWV are a set of metrics that measure the real-world performance of your web app. They are important because they can have a significant impact on user satisfaction and conversion rates. Angular have several feature built in that improve the CWV.
But do you know them ?
In this talk we will cover a variety of techniques, including
- image optimization
- lazy loading
- defferable views
- code optimization
By the end of this talk, you will be able to measure your app's CWV, identify opportunities for improvement, and implement the necessary changes.
From Zero to Qwik: Building Your First App with Confidence
After the creation of Angular Js and Angular, Miško Hevery decided to create a third framework based on the concept of resumability. This framework, called QWIK aims to allow us to code web applications with large content rendered by a server and to abstract from performance constraints.
With a complixity of O(1) instead of O(n) for other frameworks, Qwik ensures us to remove 99% of javascript from the main thread.
So what is resumability? How does this concept allow us to simplify our life and to remove so much Javascript from the main thread? How to write your Qwik application?
This talk aims to answer all these questions, but also to allow you to design your first applications with serenity and simplicity.
Vue 3 and its ecosystem
Two years ago, Evan YOU hit the stage at Vue Js Amsterdam with a lot of exicitings features about Vue 3.
- a new API called composition API
- a new way to manage asynchronous component
- a native support for typescript
These amazing features challenge the way we were able to design our previous applications in Vue 2 and have also had a significant impact on Vue ecosystem in general.
This is why libraries like Vue-router, Vuex or VeeValdate had to modify their source code to support theses new APIs.
What are these new features, and how used it ? How have these libraries adapted ?
All will be revealded through a school trip :) !
Core Web Vitals: Put your application into orbit with best practices
It's never easy to improve the user experience of a Web application. Yet it's important to do so: an application with a poor user experience is an application that won't be used and can ultimately cost a company dearly.
In 2020, Google announced the integration of three new metrics into its performance auditing tools. These are known as Core Web Vitals and are as follows:
- LCP: Largest ContentFul Paint
- CLS: Cumule layout shift
- FID: First Input Delay
At Google I/0 2023, Google announced the new INP metric (interactive to next paint), which will replace the FID metric in 2024.
But why deprecate the FID metric? What is the INP metric, and how can it be optimized? What are the best practices to follow in order to score well on previous metrics?
In this talk, I'll answer all these questions with recommendations and examples you can use daily as a developer.
The digital age of hydration: understanding the different types of hydration for web use
Hydration is a technique that makes it possible to turn a static page rendered on the server side into a dynamic page on the client side, the main objective of which is to display a web page to the user immediately.
This practice has been around for a few years now, and we are entitled to think that all the problems related to it have been solved.
And yet ... this is not the case. There are different hydration methods associated with different frameworks.
So what are these different types of hydration? Which method is used by which framework? Is this process really useful? Can't we simplify it even more than it is today?
This talk will allow you to understand the stakes of hydration and server side rendering, to acquire the necessary knowledge to make the right choice of framework corresponding to your needs and to present the qwik framework.
Firebase Frenzy: Building an App in Record Time
Nowadays, all business demands can be materialized by a web application. The big question is: in how long?
This time depends mainly on the experience of the developer, the complexity of the need but also on the chosen technical stack.
In order to improve the recruitment process of my company, a recruitment application had to be realized quickly.
To meet this need the chosen stack was ... Firebase
What are the different components of Firebase that have been used? Why were they used? How were they used?
This talk will allow you to know how this application was realized in less than 48 hours, how to integrate the various components of Firebase in a Web project but also when and why to use them
MiXiT 2024 Sessionize Event
Devfest Alps 2023 Sessionize Event
DevFest Pisa 2023 Sessionize Event
DevDay 2023 Sessionize Event
IWD2023 Douala Sessionize Event
Devfest Casablanca 2022 Sessionize Event
Nicolas Frizzarin
Developer Advocate / Google Developer Expert Web
Links
Actions
Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.
Jump to top