🎬 Angular - L'essentiel des Signal Forms Les Signal Forms sont passés en version stable avec Angular v22. Je vous partage donc cette playlist : un deep dive pratique sur les Signal Forms, qui vous accompagne pas à pas et contient l'essentiel pour les utiliser efficacement. La playlist couvre notamment : - La création de Signal Forms (concepts de modèle, état et liaison avec le template) - La création et la mise en place de validateurs synchrones et asynchrones - La gestion de listes de champs dynamiques - La soumission impérative ou déclarative des formulaires - La gestion et l'affichage des erreurs de validation - La gestion de l'état des contrôles de formulaire - La création de contrôles personnalisés - La transformation et la synchronisation des valeurs lorsque le format interne d'un contrôle personnalisé diffère du format exposé à l'extérieur - La restauration des classes CSS liées à l'état des contrôles - Et bien plus encore Bref cette playlist vous permettra de maîtriser les concepts fondamentaux ainsi que les cas d'usage avancés. Vous trouverez en commentaire le lien de la playlist. 🧠 Stay Curious! #devPropulsor #Angular #SignalForms #v22

🎬 Angular v21 - Signal Forms - Validation Asynchrone avec validateAsync & validateHttp Angular met à notre disposition deux fonctions utilitaires au niveau des Signal Forms pour mettre en place des validations asynchrones : - validateAsync : pour des validations asynchrones basées sur des Promise ou des Observable en général. - validateHttp : lorsque la validation asynchrone se résume à effectuer un appel HTTP afin de déterminer la validité. Comme cas pratique, nous mettrons en place une validation asynchrone du nom d'utilisateur lors de l'inscription d'un utilisateur. Ce sera également l'occasion de découvrir la fonction utilitaire debounce, qui permet d'ajouter un délai de debounce au niveau d'un champ de formulaire basé sur les Signal Forms. Vous trouverez en commentaire le lien de la vidéo complète. 🧠 Stay Curious! #devPropulsor #Angular #SignalForms #asyncValidation #validateAsync #validateHttp #debounce #v21

Arrêtez de réinventer HTTP — Et si tout était déjà dans le protocole ? J’aurai le plaisir de recevoir Yvan NGOUDJOU WAMBA ( @yvan_ngoudjou ) en live demain, vendredi 8 mai, à partir de 15h (heure de Paris), sur ma chaîne, à l’occasion de la sortie récente de son livre : " Arrêtez de réinventer HTTP : Le guide pratique pour des APIs rapides et fiables ". Je serai également accompagné de Achille MBOUGUENG ( @AchilleMBO87614 ) et Jacques Narcisse NAN EKOUMLONG. Nous échangerons autour du contenu de ce livre, qui couvre certains aspects méconnus ou inexplorés du protocole HTTP — des aspects que des géants comme Google, PayPal ou Stripe exploitent chaque jour pour mettre à notre disposition des applications performantes, résilientes et sécurisées. Lien du live : youtube.com/live/ku1VmUgVr9Q 🧠 Stay Curious! #devPropulsor #live #http

Hello Devoxx Fr... 🧠 Stay Curious! #devPropulsor #DevoxxFr

🎬 Angular v21 - Signal Forms - transformedValue : gérer proprement la transformation de valeur dans les custom form controls Lorsqu’on crée un custom form control (contrôle personnalisé), le format des données en entrée est souvent différent du format interne ou du format d’affichage des données. Un exemple concret est celui des date pickers : on peut recevoir une date au format YYYY-MM-DD, alors que le format d’affichage est généralement différent (ex : DD-MM-YYYY). Pour gérer cela, on met généralement en place des mécanismes de transformation afin d’assurer la synchronisation des données dans les deux sens : du format d’entrée vers le format de traitement ou d’affichage, et inversement, c’est-à-dire du formulaire parent vers le contrôle personnalisé, et vice versa. Jusqu’à présent, cette synchronisation était souvent réalisée manuellement (en utilisant des linkedSignal et des effect). Cependant, Angular propose désormais, à partir de la version 21.2, une fonction utilitaire appelée "transformedValue" qui permet de gérer automatiquement cette transformation, sans avoir recours aux linkedSignal ou aux effect. Dans cette vidéo, nous allons découvrir cette nouvelle fonction utilitaire et l’utiliser en pratique pour refactoriser un custom form control dont la synchronisation reposait auparavant sur des linkedSignal et des effect. Vous trouverez en commentaire le lien de la vidéo complète. 🧠 Stay Curious! #devPropulsor #Angular #SignalForms #customFormControl #transformedValue #parse #format #v21 #dx

🎬 Angular v21 - Signal Forms – Directive formRoot : soumission déclarative Dans sa version 21.2, Angular introduit une nouvelle directive formRoot au niveau des Signal Forms, nous permettant de réaliser la soumission de formulaire de façon déclarative, contrairement à la méthode impérative utilisée jusqu’à la version 21.1. Dans cette nouvelle vidéo, nous verrons comment mettre en place cette soumission déclarative. Ce sera également l’occasion de découvrir d’autres évolutions liées à la soumission de formulaires apportées aux Signal Forms dans la version 21.2, comme la possibilité de contrôler la prise en compte (ou non) des validateurs lors de la tentative de soumission d’un formulaire, ainsi que la possibilité de mettre en place un callback qui sera appelé à chaque tentative de soumission d’un formulaire invalide. Vous trouverez en commentaire le lien de la vidéo complète. 🧠 Stay Curious! #devPropulsor #Angular #SignalForms #formRoot #declarativeFormSubmission #v21 #dx

I will have the pleasure of hosting a discovery and introductory workshop on Angular this Wednesday, March 18, with students from Epitech and EPITA starting at 6 PM. Registration is open to the public, so feel free to join. Thanks to the @GDG_Epita for the invitation. 🧠 Stay Curious! #Devpropulsor #Angular #workshop

🎬 Angular v21 - Signal Forms – FocusBoundControl : Passer le focus à un contrôle de formulaire. De nombreuses fonctionnalités intéressantes et des améliorations continues sont apportées aux Signal Forms à chaque nouvelle version mineure d’Angular. Dans sa version 21.1, Angular introduit la méthode focusBoundControl, disponible sur le fieldState d’un formField, permettant de passer le focus au contrôle de formulaire associé à un formField. Dans la vidéo de cette semaine, nous verrons dans un premier temps à quoi cela ressemble en pratique. Nous découvrirons ensuite comment doter un contrôle de formulaire personnalisé, basé sur les Signal Forms, de cette capacité. Nous terminerons par un cas pratique d’amélioration de l’expérience utilisateur : lors de la soumission d’un formulaire, passer automatiquement le focus au premier contrôle invalide afin de permettre à l’utilisateur de corriger sa saisie en s’appuyant sur les messages d’erreur associés. Vous trouverez en commentaire le lien de la vidéo complète. 🧠 Stay Curious! #devPropulsor #Angular #SignalForms #focusBoundControl #v21 #dx #ux

Cloud & AI – Train the Trainer Roadshow (Paris) & Hands-on with Agent Development Kit (ADK) by GDG Paris A day full of learning, discoveries, and networking yesterday, with the Cloud & AI – Train the Trainer Roadshow (Paris) in the morning, followed by the Hands-on with Agent Development Kit (ADK) by @GDGParis in the evening. It was a great opportunity to reconnect with former contacts and community leads, as well as to build new collaborative relationships. I also had the opportunity, during the Train the Trainer, to give a short demo of Antigravity, based on my experiments during the training. Many thanks to the organizers of this event and to the participants of the GDG Paris hands-on session for their presence and engagement. #devPropulsor #GDE #GDG #Cloud #AI #Antigravity #ADK

👋🏾 Hello Cloud & AI, Train the Trainer Roadshow - Paris #devPropulsor #GDE #GDG #AI

🚀 My three videos from the Angular v20 series were featured in this week’s official "This Week in the Angular Community" post, published by the Angular team. 🧠 Stay Curious! #devPropulsor #Angular

🎬 Angular v21 - Signal Forms – Restaurer les classes CSS de statut (ng-invalid, ng-pristine, ng-dirty, ng-touched,ng-*). Contrairement aux Template-Driven forms et aux Reactive Forms d’Angular, qui disposent par défaut de classes permettant d’indiquer le statut des contrôles de formulaire — à savoir ng-valid, ng-invalid, ng-touched, ng-untouched, ng-pristine, ng-dirty — les Signal Forms ne proposent pas ces classes par défaut. Dans cette quatrième vidéo sur les Signal Forms, j'aborde comment restaurer ce comportement au niveau des Signal Forms lorsque cela est nécessaire, et comment il est également possible de personnaliser ces classes en fonction des besoins. J'aborde également deux changements apportés aux Signal Forms dans la version 21.1 : le renommage de la directive field en formField et la suppression de la fonction customError, qui permettait la création d’erreurs personnalisées. Vous trouverez en commentaire le lien de la vidéo complète. 🧠 Stay Curious! #devPropulsor #Angular #SignalForms #statusClass #v21

Hier, j’étais en live avec Matthieu Riegler, membre de la core team Angular. Nous avons échangé sur de nombreux sujets généraux (TDD, IA, productivité des développeurs, Coding Game dans les processus de recrutement, etc.), mais aussi beaucoup sur Angular (Signals, Zoneless, effects, Signal Forms, comment contribuer à Angular, etc.). C’était également l’occasion de mieux le connaître. Bref, un échange très riche pour la communauté. Retrouvez l’intégralité du live via le lien en commentaire. Vous retrouverez également la vidéo découpée sous forme de petites capsules sur la chaîne, pour les parties spécifiques à Angular. 🧠 Stay Curious! #devPropulsor #Angular #liveStream

📺 Le rendez-vous, c’est pour ce soir à 19h15 (heure de Paris). Venez poser des questions sur les sujets Angular qui vous font douter. 🧠 Stay Curious! #devPropulsor #Angular #liveStream

🎬 Angular v21 - Signal Forms – Gestion de listes de champs dynamiques Après les deux précédentes vidéos sur les Signal Forms, dans lesquelles j’ai abordé respectivement les fondamentaux des Signal Forms et la création de contrôles personnalisés lorsqu’on travaille avec les Signal Forms. Dans cette troisième vidéo sur les Signal Forms, nous allons voir comment les Signal Forms nous facilitent la vie lorsqu’on souhaite travailler ou interagir avec des listes dynamiques de contrôles ou de groupes de contrôles de formulaire. Comme prérequis, pour mieux suivre cette vidéo, je vous recommande la première vidéo sur les fondamentaux des Signal Forms. Vous trouverez en commentaire le lien de la vidéo complète. 🧠 Stay Curious! #devPropulsor #Angular #SignalForms #dynamicFields #arrays #v21

📺 Live Stream - De contributeur Angular occasionnel à membre de l’équipe Angular. J’aurai le plaisir de recevoir @Jean__Meche , membre de la core team @angular , sur ma chaîne le 13 janvier prochain à 19h15 (heure de Paris). Nous parlerons bien évidemment d’Angular. Nous échangerons sur son parcours, ses contributions à Angular, et peut-être aussi sur les dernières nouveautés du framework. Ce sera également l’occasion pour vous de venir lui poser toutes les questions que vous auriez aimé lui poser sur Angular. Vous savez ce qu’il vous reste à faire : ajoutez l’événement à votre agenda et activez la notification YouTube ! Retrouvez le lien du live en commentaire ou en scannant le QR code. 🧠 Stay Curious! #devPropulsor #Angular #liveStream

Le replay de mon talk "Node.js can do that" présenté au DevFest Strasbourg 2025 est disponible.  Lien :  youtube.com/watch?v=sBv00OmI… 🧠 Stay Curious!  #devPropulsor #DevFest #DevFestStrasbourg #NodeJs

🥳 DevPropulsor a franchi hier la barre des 3000 abonnés sur YouTube. 🎉 Cette année, j’ai dépassé successivement les seuils des 2000 puis des 3000 abonnés. Ce ne sont que des chiffres, certes, mais ils montrent aussi que le public commence petit à petit à s’intéresser à mes contenus. Mon objectif reste le même : partager mes connaissances en produisant du contenu de qualité pour la communauté francophone. "Longue vie à ceux qui me soutiennent 🫶🏽. Bisous" 🧠 Stay Curious! #devPropulsor #3k #thankYou

La question du choix du premier langage de programmation (ou du premier framework) lorsqu’on débute sa carrière. À l’école ou en formation, on nous fait apprendre un langage de programmation (ou un framework) pour découvrir la programmation, certains paradigmes ou des concepts fondamentaux. Mais lorsqu’on débute sa carrière, ou qu’on souhaite entrer sur le marché de l’emploi, on peut s’accrocher à un langage de programmation ou chercher à choisir son premier langage de manière plus réfléchie. Dans une de mes anciennes vidéos, je partageais quelques critères à prendre en compte pour faire ce choix plus facilement. Je vous re-partage cette vidéo : je pense que cela pourrait toujours être utile aux personnes qui débutent. Retrouvez le lien de la vidéo en commentaire. 🧠 Stay Curious! #devPropulsor #choixPremierLangage

Yesterday, I was in Strasbourg for my talk on Node.js. It was a great opportunity to meet @olivierleplus and also @janise_tan, in person. It was both a pleasure to see Janise attending my talk. The room was full, and even though my talk was about Node.js, I used the remaining time afterward to ask a few Angular-related questions so attendees could win some Google for Developers goodies that Janise had brought along. Overall, it was a real pleasure to be part of DevFest Strasbourg 🫶🏽. #devPropulsor #DevFest #devFestStrasbourg #GDE