
Front-End Chronicles
By Benjamin Auzanneau & Denis Souron
Hôtes : Benjamin Auzanneau et Denis Souron
From Nantes !
www.linkedin.com/in/bauzanneau/
www.linkedin.com/in/denis-souron/

Front-End ChroniclesApr 12, 2022

Front-End Chronicles #19 - Rex Devfest Nantes 2023
Dans cet épisode de la rentrée, on revient sur le Devfest Nantes 2023 et vous présente notre top 6 des confs à revoir
Notes de l'épisode :
L'AGC : retour sur l'ordinateur qui a amené l'humanité sur la Lune: https://www.youtube.com/watch?v=OWmcNQj4CQs&list=PLuZ_sYdawLiUHU4E1i5RrFsRN_lQcgPwT&index=17
La compression Web : comment (re)prendre le contrôle ?: https://www.youtube.com/watch?v=JARVYdwNSrI&list=PLuZ_sYdawLiUHU4E1i5RrFsRN_lQcgPwT&index=19
Après l'ordi 8 bit voici la carte VGA sur breadboard: https://www.youtube.com/watch?v=aBjtkNY5UaE&list=PLuZ_sYdawLiUHU4E1i5RrFsRN_lQcgPwT&index=20
Finies les apps, pensez libs avec Nx !: https://www.youtube.com/watch?v=K8wYtBGzmsI&list=PLuZ_sYdawLiUHU4E1i5RrFsRN_lQcgPwT&index=44
WebAssembly beyond the browser: https://www.youtube.com/watch?v=KbTYUsC4RGA&list=PLuZ_sYdawLiUHU4E1i5RrFsRN_lQcgPwT&index=26
Angular Signals : how do they work ?: https://www.youtube.com/watch?v=U2pmBPU6Hc4&list=PLuZ_sYdawLiUHU4E1i5RrFsRN_lQcgPwT&index=27
Front-End Chronicles est un podcast indépendant créé par deux devs passionnés : Benjamin Auzanneau et Denis Souron. Si vous êtes une société / une association / une personne, n’hésitez pas venir nous parler pour des questions ou si jamais vous avez des idées pour les prochains Front-End Chronicles !
Nos MP et/ou les commentaires sont ouverts !
Vous pouvez nous retrouver sur :
https://bento.me/fec
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Welcome to Legacy par Benjamin Auzanneau

Front-End Chronicles #18 - De JSLint à ESLint, l'évolution des principaux linters JavaScript.
Dans cet épisode de la rentrée, on revient sur l'histoire d'ESLint.
Notes de l'épisode :
ESLint: https://eslint.org/
JSHint: https://jshint.com/
JSLint: https://www.jslint.com/
Prettier: https://prettier.io
Front-End Chronicles est un podcast indépendant créé par deux devs passionnés : Benjamin Auzanneau et Denis Souron. Si vous êtes une société / une association / une personne, n’hésitez pas venir nous parler pour des questions ou si jamais vous avez des idées pour les prochains Front-End Chronicles !
Nos MP et/ou les commentaires sont ouverts !
Vous pouvez nous retrouver sur :
https://bento.me/fec
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Welcome to Legacy par Benjamin Auzanneau

Front-End Chronicles #17 - Compilation, Linters et Guidelines
Dans cet épisode de l'été, on a voulu sortir un peu du web pour lancer une petite discussion autour de la compilation et de l'origine des linters.
Notes de l'épisode :
Rust : https://www.rust-lang.org/fr
La Nasa et la récursion: https://craftofcoding.wordpress.com/2021/03/08/why-does-nasa-not-allow-recursion/
Angular Langage Service : https://angular.io/guide/language-service
Front-End Chronicles est un podcast indépendant créé par deux devs passionnés : 🎙️Benjamin Auzanneau et 🍁 Denis Souron.
Si vous êtes une société / une association / une personne, n’hésitez pas venir nous parler pour des questions ou si jamais vous avez des idées pour les prochains Front-End Chronicles !
Nos MP et/ou les commentaires sont ouverts !
Vous pouvez nous retrouver sur :
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Welcome to Legacy par Benjamin Auzanneau

Front-End Chronicles #16 - No Signals
Dans cet épisode, on parle des signals et encore un peu d'Angular !
On repart de la base de ce qu'est un signal jusqu'à parler des implémentations dans les frameworks.
Notes de l'épisode :
Angular : https://angular.io
Vue and signals : https://vuejs.org/guide/extras/reactivity-in-depth.html#connection-to-signals
Getting started with standalone components : https://angular.io/guide/standalone-components
RFCs Angular : https://github.com/angular/angular/discussions/categories/rfcs
Front-End Chronicles est un podcast indépendant créé par deux devs passionnés : 🎙️Benjamin Auzanneau et 🍁 Denis Souron.
Si vous êtes une société / une association / une personne, n’hésitez pas venir nous parler pour des questions ou si jamais vous avez des idées pour les prochains Front-End Chronicles !
Nos MP et/ou les commentaires sont ouverts !
Vous pouvez nous retrouver sur :
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Welcome to Legacy par Benjamin Auzanneau

Front-End Chronicles #15 - Angular 13 à Angular 15.1
Dans cet épisode, on parle des features d'Angular de 13 à 15.1.
Si vous avez pensé à migrer mais que vous avez loupé de nouvelles features, cet épisode est fait pour vous !
Notes de l'épisode :
Angular : https://angular.io
The satisfies Operator : https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-beta/#the-satisfies-operator
Getting started with standalone components : https://angular.io/guide/standalone-components
Front-End Chronicles est un podcast indépendant créé par deux devs passionnés : 🎙️Benjamin Auzanneau et 🍁 Denis Souron.
Si vous êtes une société / une association / une personne, n’hésitez pas venir nous parler pour des questions ou si jamais vous avez des idées pour les prochains Front-End Chronicles !
Nos MP et/ou les commentaires sont ouverts !
Vous pouvez nous retrouver sur :
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Welcome to Legacy par Benjamin Auzanneau

Front-End Chronicles #14 - De webpack à turbopack
Dans cet épisode, on parle de l'arrivée de turbopack.
Mais d'où vient-on ?
On passe en revue les bundlers et leurs ancètres.
Notes de l'épisode :
Grunt : https://gruntjs.com
Gulp : https://gulpjs.com
Webpack : https://webpack.js.org
Rollup : https://rollupjs.org/guide/en/
esbuild : https://esbuild.github.io
vite : https://vitejs.dev
Turbopack : https://turbo.build/pack
Next13 : https://nextjs.org/blog/next-13
Vous pouvez nous retrouver sur :
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Welcome to Legacy par Benjamin Auzanneau

Front-End Chronicles #13 - Dis Jamy, comment mon paquet est résolu avec mon package manager ? 🔎📦💪
Dans cet épisode, on parle de NPM, PNPM, Yarn et de leur mode de résolution des dépendances.
Notes de l'épisode :
NPM : https://docs.npmjs.com
PNPM : https://pnpm.io
Yarn : https://yarnpkg.com
JavaScript package managers compared: npm, Yarn, or pnpm? : https://blog.logrocket.com/javascript-package-managers-compared/
Vous pouvez nous retrouver sur :
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Welcome to Legacy par Benjamin Auzanneau

Front-End Chronicles #12 - Focus sur le contenu 🦖
Dans cet épisode, on parle de Docusaurus et de ce que peut nous apporter cet outil.
Notes de l'épisode :
Site de docusaurus : https://docusaurus.io
Nextjs : https://nextjs.org
Jamstack generators : https://jamstack.org/generators/
Thread reddit vuepress vs vitepress : https://www.reddit.com/r/vuejs/comments/t02hhc/vitepress_10_or_vuepress_3/
Thread GitHub vuepress vs vitepress : https://github.com/vuepress/vuepress-next/discussions/48
Vous pouvez nous retrouver sur :
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Welcome to Legacy par Benjamin Auzanneau

Front-End Chronicles #11 - Discovery : Qwik, nous, c'est la perf !
Dans cet épisode, on parle de Qwik et de ce que peut nous apporter ce nouveau framework !
Notes de l'épisode :
Repo de Qwik : https://github.com/BuilderIO/qwik
Série d'article sur Qwik et ses concepts : https://dev.to/builderio/html-first-javascript-last-the-secret-to-web-speed-4ic9
Resumable vs Hydratation : https://github.com/BuilderIO/qwik/blob/main/packages/docs/pages/docs/concepts/resumable.mdx
Vous pouvez nous retrouver sur :
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Welcome to Legacy par Benjamin Auzanneau

Front-End Chronicles #10 - Qu'est-ce qu'un développeur front-end en 2022 ?
Épisode anniversaire !
Au format "talk and chill", on reçoit deux invités également développeur front-end pour discuter autour du thème "Qu'est-ce qu'un développeur front-end en 2022 ?"
Épisode un peu plus long que d'habitude, on y aborde le dev, le front-end en général, les frameworks, les ide...
Merci Tristan et Gaël pour votre participation !
Notes de l'épisode :
JetBrains : Les IDE de JetBrains
Fleet : L'IDE léger de JetBrains
Roadmap: La roadmap front-end
State of JS : Le fameux sondage sur écosystème JS
Vous pouvez retrouver nos invités sur :
Tristan Nicoleau sur linkedin
Gaël Dupount sur linkedin
Vous pouvez nous retrouver sur :
Benjamin Auzanneau sur linkedin et sur twitter
Denis Souron sur linkedin
Musique du générique :
Welcome to Legacy par Benjamin Auzanneau

Front-End Chronicles #9 - CSS en 2022
Dans cet épisode, on parle de CSS et de quelques features pour 2022 !
Notes de l'épisode :
Livre de CSS grid : lien pour Amazon (lien non traqué)
Doc CSS grid : https://developer.mozilla.org/fr/docs/Web/CSS/grid
Vous pouvez nous retrouver sur :
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Early by Dj Quads
Music released by: Chill Out Records

Front-End Chronicles #8 - Discovery : En route pour Nuxt 3
Dans cet épisode, on parle NuxtJS et de ce que va apporter Nuxt 3 !
Notes de l'épisode :
Histoire de NuxtJS : https://nuxtlabs.com/nuxtjs
Site de NuxtJS : https://nuxtjs.org
Site de NuxtJS V3 : https://v3.nuxtjs.org
Vue 3 : https://v3.vuejs.org
Vous pouvez nous retrouver sur :
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Early by Dj Quads
Music released by: Chill Out Records

Front-End Chronicles #7 - Devfest Nantes 2021
Dans cet épisode, on parle du Devfest Nantes 2021
Notes de l'épisode :
Component Driven Development : https://www.youtube.com/watch?v=nuDwgjkRNSI
Art & Entropie: Du chaos dans ton frontend : https://www.youtube.com/watch?v=29Z_P02aTWM
React Query, le server state facile pour React : https://www.youtube.com/watch?v=Zx6bjGtUZ0s
Vite, the Webpack killer : https://www.youtube.com/watch?v=9R5JuyfsGwc
Coupable de code legacy en JS: comment s'en sortir ? : https://www.youtube.com/watch?v=vJUl8SCf5Yg
Next.js à la rescousse de mon frontend : https://www.youtube.com/watch?v=LEUK066nkDo
Vue 3 et son écosystème : https://www.youtube.com/watch?v=tJB-0iW8zqA
Retour d'expérience sur Remix : https://www.youtube.com/watch?v=awnQlPtRSeU
How to Create Pure CSS Games : https://www.youtube.com/watch?v=y9Qz3MO3h3o
Développer des applis web pour les foldable devices : https://www.youtube.com/watch?v=p47z7rgRghQ
Petit guide pratique pour commencer un design system : https://www.youtube.com/watch?v=GMzXZA9tiW4
La dette UI : en finir avec les interfaces jetables et concevoir une UI durable, adaptable et structurée : https://www.youtube.com/watch?v=ykPEqGiWhxc
A la découverte du Material Sound Design : https://www.youtube.com/watch?v=lw58EIBP8D0
Clean code JS & TS :
https://github.com/ryanmcdermott/clean-code-javascript
https://github.com/labs42io/clean-code-typescript
Vous pouvez nous retrouver sur :
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Early by Dj Quads
Music released by: Chill Out Records

Front-End Chronicles #6 - C'est quoi HTML5 ?
Dans cet épisode, on parle... d'HTML5 !
Notes de l'épisode :
https://developer.mozilla.org/fr/docs/orphaned/Web/Guide/HTML/HTML5
https://html.spec.whatwg.org/multipage/
https://www.apple.com/fr/ios/ios-15/
Vous pouvez nous retrouver sur :
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Early by Dj Quads
Music released by: Chill Out Records

Front-End Chronicles #5 - Discovery : JAMstack
Pour rappel, dans ce type de format, on vous fait découvrir un sujet ensemble en survolant les points/sujets/concepts importants.
Bon épisode !
Notes de l'épisode :
jamstack.org
jamstack.org/generators
jamstack.org/headless-cms
jamstatic.fr
fr.nuxtjs.org
nextjs.org
strapi.io
www.storyblok.com
www.netlify.com
vercel.com
Vous pouvez nous retrouver sur :
www.linkedin.com/in/bauzanneau/
twitter.com/necraidan
www.linkedin.com/in/denis-souron/
Musique du générique :
Early by Dj Quads
Music released by: Chill Out Records

Front-End Chronicles #4 - Angular 12
Dans cet épisode, on parle de ce que l'on pense de la nouvelle version d'Angular : la 12 !
Notes de l'épisode :
https://angular.io/
https://angular.io/guide/releases
https://github.com/angular/angular/blob/master/CHANGELOG.md
https://dev.to/younup/l-operateur-de-chainage-optionnel-une-nouveaute-de-typescript-3-7-10a7
https://dev.to/younup/l-operateur-de-nullish-coalescing-une-autre-nouveaute-de-typescript-3-7-2dc1
Le super exemple avec le nullish :
{{ imageURL !== null && imageURL !== undefined ? imageURL : defaultImageURL }}
{{imageURL ?? defaultImageURL }}
Vous pouvez nous retrouver sur :
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Early by Dj Quads
Music released by: Chill Out Records

Front-End Chronicles #3 - Discovery : Vue.js !
Dans cet épisode, on vous présente un nouveau format : Discovery !
On vous fait découvrir un sujet ensemble en survolant les points/sujets/concepts importants.
Aujourd'hui, on parle de Vue.js !
Notes de l'épisode :
https://vuejs.org/
https://fr.nuxtjs.org/
https://us.vuejs.org/
Vous pouvez nous retrouver sur :
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Early by Dj Quads
Music released by: Chill Out Records

Front-End Chronicles #2 - Est-ce qu'on a besoin de TypeScript en 2021 ?
Dans cet épisode, on parle de ce que l'on pense de TypeScript et de sa potentielle utilité dans des projets contemporains.
Notes de l'épisode :
https://www.typescriptlang.org/play/
https://flow.org/
https://www.typescriptlang.org/
https://babeljs.io/
https://dev.to/younup/l-operateur-de-chainage-optionnel-une-nouveaute-de-typescript-3-7-10a7
Vous pouvez nous retrouver sur :
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Early by Dj Quads
Music released by: Chill Out Records

Front-End Chronicles #1 - Quoi de neuf depuis Angular 5 ?
Dans cet épisode, on parle de ce que l'on a retenu des releases d'Angular 5 à Angular 11 et de ce que l'on en pense.
Vous pouvez nous retrouver sur :
https://www.linkedin.com/in/bauzanneau/
https://twitter.com/necraidan
https://www.linkedin.com/in/denis-souron/
Musique du générique :
Early by Dj Quads
Music released by: Chill Out Records