Nicolas Frizzarin
Developer Advocate / Google Developer Expert Web
Google Developer Expert in Web Technologies and Angular, also an OpenJs Foundation Member, 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
Awards
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.
Angular renaissance
With the release of Angular versions 14, 15 and 16, the way we design our applications and the way we use this framework has changed considerably. Released in September 2016, it was mainly based on module-based programming and relied on Zone Js to perform change detection.
Today, modules are optional and Zone JS is gradually disappearing. In addition to these two big changes, Angular also refactor the way flow code is written taking inspiration from Svelte Js. and introduce the notion of deferrable view. With theses new awesome feature, there's no doubt that Angular is entering a new era.
Ready for this journey into the future?
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.
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 with last modern tools, let's take off to another dimension
Since its release, Angular is a framework with a complete ecosystem:
- webpack as a bundler module
- karma and jasmine for unit tests
However, these technologies are aging and are in competition with new and more powerful ones.
The big questions are how to integrate them in an existing ecosystem? Will it be easy? What are the advantages of using them?
Through this talk you will get answers to all these questions with the necessary knowledge to replace webpack by vite for example or to easily integrate the latest end to end framework: Playwright
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
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