Webpreneurs ☕ #1
Découvrez plus de Webpreneurs ☕
Webpreneurs ☕ #1
Une toute première édition où je présente la newsletter, mes motivations et qui je suis. Le sujet qu'on creuse sur cette édition est à propos des Core Web Vitals 📊.
Au sommaire de cette édition :
🙋♂️ Hello World!
📣 Les nouveautés chez @lauthieb
📰 De la veille toute fraîche (articles, vidéos, podcasts)
🧐 On creuse… Les Core Web Vitals : au service d’une meilleure performance de votre application web
📱 Les actus tech qui m’ont marqué
🔍 Zoom sur… Grafikart
💼 Le job board des webpreneurs
🫶 Le corner des écoles, des étudiants & de l’entraide
💌 Merci
Si vous découvrez tout juste cette newsletter ou si quelqu’un vous a transféré cette édition et que vous souhaitez vous inscrire à Webpreneurs :
Hey 👋
Je suis très heureux de vous convier à cette première édition de Webpreneurs, la newsletter des passionnés du web qui ont soif d'entreprendre.
Au rendez-vous de Webpreneurs ☕ :
🚀 Productivité
⛰ Entrepreneuriat / Carrière
💻 Développement web
💰 Business
🌱 Startups
🖼 Product
🎨 Design
🤖 IA
… & de la bonne humeur 😃
Je vais essayer de co-construire avec vous grâce à vos retours, alors n’hésitez vraiment pas à réagir en commentaire en bas de cette édition ou à me contacter via mes réseaux.
Comme c’est la toute première édition, je vous propose d’en savoir un peu plus sur moi, Laurent, qui se cache derrière Webpreneurs.
🙋♂️ Hello World!
J’me présente, je m’appelle… Henri Laurent Thiebault ! J’ai 29 ans, je suis marié et heureux papa de deux adorables petites filles Clémence & Louise. Voilà bientôt 10 ans que je suis un grand passionné par la tech en général, le web, le business avec pour but principal, celui de participer à la conception de projets qui ont du sens et qui améliorent notre monde et la société.
J’aime donner du temps aux personnes en leur permettant d’en faire plus en moins de temps et j’adore vulgariser des sujets complexes et passionnants pour faire grandir de manière ludique et agréable les connaissances de mon audience. Vous comprenez donc pourquoi j’ai fini par vouloir vous écrire !
Au niveau de mon parcours & expérience pro, j’ai réalisé un Master MIAGE en alternance à l’Université de Lille, j’ai ensuite baigné très rapidement dans le monde du développement front-end pour arriver aujourd’hui à un poste d’Engineering Manager chez Decathlon Digital en responsabilité sur l’aspect technique du Design System dont je suis l’un des co-fondateurs.
En parallèle, je créée du contenu via le pseudo @lauthieb sur le monde du numérique (quand le temps me le permet), que je partage sur mes réseaux ainsi que sur mon blog. Je vous invite à visiter www.lauthieb.dev pour en savoir plus.
Alors, comme beaucoup de monde, j’ai tenté des choses, qui n’ont pas duré, j’ai régulièrement le syndrôme de l’imposteur ou de la page blanche, donc je ne saurais vous dire où cette newsletter me mènera, mais en tout cas j’avais envie d’essayer et j’espère que cela vous plaira. 🤞
📣 Les nouveautés chez @lauthieb
Ces dernières semaines, j’ai publié deux vidéos courtes sur mes réseaux que je suis heureux de vous partager ici :
Les variables Figma
Dans cette vidéo, je mets en avant une des fonctionnalités phares qui a été annoncée lors de la dernière conférence Figma, à savoir les variables :
L’IA est arrivée au sein de FigJam
Dans cette vidéo, je vous parle de JamBot, le nouveau plugin FigJam qui amène l’Intelligence Artificielle directement au sein de cet outil de whiteboarding avec un premier exemple / cas d’usage autour de l’idéation en tant que créateur de contenu :
📰 De la veille toute fraîche
Cela fait plus de deux ans que j’ai trouvé un process et des outillages me permettant de gérer ma veille techno comme je le souhaitais pour être efficace à la fois au niveau de la découverte par flux RSS ou liste Twitter X (j’ai un peu mal avec les algos qui poussent du contenu dont je ne maîtrise pas leur apparition), du stockage organisé, du suivi de lecture jusqu’à leur indexation pour les retrouver des années plus tard.
Il me manquait une chose… En faire profiter au plus grand nombre ! C’est tout l’objet de cette rubrique qui apparaîtra dans chaque édition. Allez, on y va ! 👀
📝 Articles
L’avant dernier article de Josh W Comeau est une pépite pour comprendre l’intérêt des React Server Components : c’est par ici 📖
Cet article d’Ahmad Shadeed qui nous parle des nouvelles unités disponibles en CSS liées au viewport, qui sont très utiles pour adapter nos interfaces lorsqu’elles sont consultées sur mobile : c’est par ici 📖
Le dernier numéro de
est hyper complet comme toujours, bravo Fred pour ton travail ! Je vous le recommande ci-dessous :
🎬 Vidéos
Une excellente vidéo en français de Kodaps Academy sur la différence entre React Server Components & SSR :
Une vidéo de Fireship expliquant le phénomène actuel sur les projets Open Source qui arrêtent d’utiliser TypeScript :
La dernière vidéo de Basti Ui qui a réalisé le design de l’application Tinder sur l’Apple Vision Pro, cette vidéo est très inspirante :
🎧 Podcasts
L’épisode de Génération Do It Yourself par le célèbre Matthieu Stefani avec Frédéric Biousse était une pépite ! J’ai découvert une personne bienveillante, intelligente avec un parcours remarquable !
Le dernier épisode de Double Slash Podcast par Patrick Faramaz & Alex Duval sur les news Web Dev pour Septembre 2023 était comme toujours, un épisode très intéressant pour comprendre les dernières actualités liées au monde du développement web :
🧐 On creuse… Les Core Web Vitals : au service d’une meilleure performance de votre application web
Comme j’ai pu vous le dire, j’ai une certaine expérience dans le développement et plus particulièrement au niveau front-end. Alors j’aimerais dans chaque édition prendre un petit moment pour vous faire découvrir ou redécouvrir une thématique, un sujet, vous apporter un retour d’expérience, bref, rien de figé mais en gros une zone où j’espère vous apprendre des choses !
Et cette fois-ci, on creuse… Les Core Web Vitals.
La performance d'un site web est cruciale pour offrir une expérience utilisateur exceptionnelle. Les Core Web Vitals sont trois métriques clés qui évaluent cette performance.
Largest Contentful Paint (LCP) mesure le temps nécessaire pour que le contenu principal de la page apparaisse, influençant la première impression.
First Input Delay (FID) évalue la réactivité du site lors des interactions utilisateur, essentielle pour une expérience fluide.
Cumulative Layout Shift (CLS) mesure la stabilité visuelle en évitant les changements inattendus dans la mise en page.
Ces 3 indicateurs sont donc primordiaux pour comprendre et faire en sorte d’améliorer l’expérience globale de vos utilisateurs lorsqu’ils naviguent sur votre application web.
Pourquoi sont-ils importants ?
Amélioration de l'expérience utilisateur.
Impact sur le référencement (SEO).
Réduction des taux de rebond.
Accessibilité élargie.
Comment mesurer les Core Web Vitals ?
Utilisez des outils gratuits tels que PageSpeed Insights, Lighthouse, Google Search Console, Chrome UX Report, et web-vitals.
Comment les optimiser ?
LCP : Compressez les images, utilisez la mise en cache, préchargez les ressources critiques, et utilisez un CDN.
FID : Minimisez les scripts bloquants, optimisez le code JavaScript, utilisez des workers, et préchargez les ressources essentielles.
CLS : Définissez les dimensions des éléments, attribuez des espaces, évitez les publicités intrusives, et chargez les polices de manière asynchrone.
En fin de compte, les Core Web Vitals sont essentiels pour offrir une expérience utilisateur de qualité. Commencez à les optimiser dès maintenant pour rester compétitif en ligne et fidéliser vos visiteurs.
Si vous voulez en savoir d’avantage de manière plus détaillée, je vous invite à découvrir mon article de blog sur ce sujet que j’ai publié récemment :
📱 Les actus tech qui m’ont marqué
Voici les dernières actus autour du numérique qui ont retenu mon attention ces derniers temps :
Forcément, l’iPhone 15 ! Je vous conseille la vidéo qualitative de STEVEN sortie vendredi dernier :
Forcément, travaillant à temps plein chez Decathlon Digital, j’ai la chance d’apprendre et grandir dans une entreprise innovante alors j’ai envie de vous en parler dès cette première édition.
Decathlon vient de sortir son Magic Bike 2, un vélo connecté performant au design remarquable, bravo à toutes les équipes qui ont participé à ce projet ! Le post LinkedIn de Jérôme Dubreuil à ce sujet.
Vous voulez avoir une dose quotidienne sur l’actualité des startups ? Je vous conseille le compte Instagram (et le podcast) de Thib Actus ! C’est une pépite que j’ai découvert ce mois-ci, un média à la Hugo Décrypte mais sur le monde des startups ! 🚀 Bravo Thibault !
🔍 Zoom sur… Grafikart
Aujourd'hui, je tiens à vous parler d'une personne qui a joué un rôle essentiel dans mon parcours d'apprentissage et qui continue à inspirer des milliers de personnes dans le domaine de la création numérique. Il s'agit de Grafikart, un créateur de contenu que j'estime énormément !
Grafikart, de son vrai nom Jonathan Boyer, est bien plus qu'un simple YouTubeur ou formateur en ligne. C'est un véritable passionné qui allie son activité de freelance & son activité de formateur de ligne. Son site web, ses vidéos et ses cours en ligne ont été pour moi une source inestimable de connaissances et d'inspiration.
Ce que j'apprécie le plus chez Grafikart, c'est sa manière accessible et pédagogique d'expliquer des concepts parfois complexes. Que ce soit pour apprendre à coder ou à comprendre les rouages du web, Jonathan sait rendre tout cela accessible à tous.
J'ai personnellement regardé un bon nombre de ces formations depuis des années.
Notamment, celles sur la découverte HTML & CSS :
Celle sur TypeScript :
Et celle sur React (qu’il vient tout juste de mettre à jour d’ailleurs) :
Mais aussi d’autres vidéos qui m’ont bien servi récemment !
Celle sur PNPM :
Celle sur Vite :
Pour en savoir plus sur Jonathan, je vous recommande également l’interview qu’il a donné chez Dayclic où il donne entre autres des conseils sur comment devenir freelance en 2023 :
Si vous n'avez pas encore découvert le travail de Grafikart, je vous encourage vivement à le suivre sur sa chaîne YouTube, à explorer son site web, et à vous plonger dans ses cours en ligne. Vous ne serez pas déçus !
💼 Le job board des webpreneurs
Si vous êtes arrivé•e•s jusqu’ici, c’est probablement parce que les sujets autour du web, de l’entrepreneuriat, des startups, du business, de la tech en général vous intéressent.
Ce qui est génial, c’est que tout cet univers du numérique est en pleine expansion depuis des années et il y a beaucoup de jobs intéressants à pourvoir ! Je tenais donc à vous proposer cette rubrique pour vous proposer régulièrement quelques offres que j’aurais sélectionné pour vous.
En toute transparence, j’espère qu’à terme cette section me permettra de financer l’écriture de cette newsletter car je tiens à ce qu’elle soit toujours gratuite grâce au soutien d’entreprises du secteur. Mais en attendant, rien n’est sponsorisé pour le moment puisque je commence à peine ! 🙂
Si vous êtes au sein d’une entreprise et que cela vous intéresse de partager une de vos offres sur ma newsletter, contactez-moi.
Voici quelques offres que j’ai sélectionné pour vous :
Qonto recrute un•e Frontend Lead (Remote friendly) : c’est par ici 💼
Decathlon Digital recrute un•e Software Development Engineer - Front-end : c’est par ici 💼 (je connais l’entreprise, c’est pas mal 😁)
Pour aller plus loin, je vous recommande suivre
par qui partage des postes à pourvoir en télétravail en France, voici son dernier numéro :
🫶 Le corner des écoles, des étudiants & de l’entraide
Pour en arriver où j’en suis aujourd’hui, il m’aura fallu des bases, ces éléments essentiels qui nous permettent de comprendre le monde qui nous entoure. Ces bases, je les ai apprises dans un premier temps à l’école. Et sans ces bases, je ne pense pas que j’aurais pu réussir à avoir le parcours passionnant que j’ai réussi à vivre jusqu’à aujourd’hui.
C’est pour cela, que pour terminer chaque édition, je souhaite proposer cette rubrique dédiée aux écoles & étudiants. Pour le moment, je vais vous mettre en avant une école (avec laquelle j’ai pu intervenir en tant que mentor durant deux bonnes années), mais j’imagine qu’à terme cette rubrique pourra également accueillir des témoignages d’étudiants, des partages de projets étudiants, des appels pour de l’aide et/ou review sur du code (sans re-créer un StackOverflow, faut pas éxagérer 😄). Bref, une zone dédiée aux bases de l’apprentissage et à l’entraide !
En toute transparence (again), j’espère qu’à terme cette section me permettra de financer l’écriture de cette newsletter car je tiens à ce qu’elle soit toujours gratuite grâce au soutien d’entreprises du secteur. Mais en attendant, rien n’est sponsorisé pour le moment puisque je commence à peine ! 🙂
Si vous êtes au sein d’une école et que cela vous intéresse de la mettre en avant sur ma newsletter, contactez-moi.
Voici l’école que j’ai sélectionné pour vous pour cette édition : OpenClassrooms
Je tenais à vous présenter une institution éducative qui m'est très chère et dont j'ai eu le privilège de faire partie en tant que mentor : OpenClassrooms.
OpenClassrooms est bien plus qu'une simple école. C'est une véritable passerelle vers le monde de la technologie et du numérique. Anciennement “Le Site du Zéro”, je me souviens comme si c’était hier d’avoir réalisé mes premiers cours sur HTML/CSS au sein de cette plateforme en toute autonomie lorsque j’étais en DUT Informatique.
En tant que mentor au sein de cette plateforme, j'ai pu constater de près son engagement envers l'apprentissage accessible et de qualité pour tous.
Le système pédagogique d'OpenClassrooms repose sur deux piliers fondamentaux : la flexibilité et l'accompagnement personnalisé. Leurs formations sont conçues pour s'adapter à votre emploi du temps et à votre rythme de vie. Que vous soyez étudiant à temps plein, professionnel en reconversion, ou simplement passionné de technologie cherchant à acquérir de nouvelles compétences, OpenClassrooms a une solution pour vous.
L'un des aspects les plus remarquables de cette école est la qualité de l'accompagnement. En tant que mentor, j'ai eu l'opportunité d'aider les apprenants à progresser dans leur parcours. L'interaction régulière avec les étudiants m'a permis de comprendre leurs besoins individuels et de les guider tout au long de leur formation. Cela a été une expérience enrichissante, tant pour moi que pour eux.
Les formations proposées par OpenClassrooms couvrent un large éventail de domaines technologiques, de la programmation et du développement web à la data science, en passant par la cybersécurité et le marketing digital. Avec un accès à des cours en ligne de haute qualité, des projets concrets et un réseau de mentors expérimentés, les apprenants sont parfaitement préparés pour réussir dans l'industrie technologique en constante évolution.
Je suis fier d'avoir fait partie de cette communauté éducative qui fait la différence dans le monde de la tech. OpenClassrooms incarne la promesse d'apprentissage accessible, d'excellence pédagogique et d'opportunités de carrière dans le domaine technologique. Si vous cherchez à vous former ou à vous perfectionner dans le domaine de la tech, je vous encourage vivement à la découvrir.
💌 Merci
Un grand merci à chacun•e d'entre vous pour avoir été là lors de la première édition de ma newsletter.
Vos retours sont importants pour moi alors n’hésitez pas à m’en faire, toute critique est bonne à prendre ! Restez connectés pour d’autres contenus à venir dans les prochaines éditions.
Merci encore pour votre lecture & à bientôt 👋
Si vous découvrez tout juste via un lien ou si quelqu’un vous a transféré cette édition et que vous souhaitez vous inscrire à Webpreneurs :
Webpreneurs ☕ #1
Hello @laurent.
Tu es de Lille? Tu connais Xavier?
Ha les fameux tuto de Grafikart... j’ai commencé avec ses vidéos il y’a des années... 😛
Whaouh ! Merci pour la citation de ma newsletter dans ton premier numéro.
Ton contenu est top.
Bienvenue dans l'aventure des newsletters, et comme je sais que c'est un parcours du combattant de progresser, voici ton premier commentaire, ton premier like et le premier partage.
Je t'ai recommandé dans ma newsletter, j'espère ainsi t'aider à démarrer le plus rapidement possible.
Mon dernier conseil, si jepeux modestement me permettre, ne jamais abandonner même quand ton nombre d'abonné.e.s ne progresse pas comme tu l'aurais souhaité, même quand les sponsors te refusent, même quand tu n'as pas de commentaire ou de partage.
Juste un nouveau pas et encore un, toujours continuer à donner de la valeur.
Et un beau jour, ça commence à payer.
Belle route à toi, je te souhaite le meilleur.
Fred