Just received amazing feedback for my new video course — Build Smarter UIs with Angular & AI 🤖✨ It’s incredible to see how it’s helping developers level up and become truly great engineers. If you want to supercharge your Angular skills and learn how to build AI-powered interfaces — this course is for you 💡 🔗 Check it out here: kreuzercode.gumroad.com/l/sm… #Angular #AI #WebDevelopment #Frontend #DeveloperLife #Coding #LearnAngular #AngularCourse #AIinWeb

🎬 Angular de zéro à travers la pratique (avec un projet fil rouge) - Une playlist complète pour vous accompagner, étape par étape, dans l'apprentissage d'une version moderne d'Angular (v ≥ 19 dont la majorité des APIs sont basées sur les Signaux). Une série couvrant les éléments essentiels dont vous avez besoin pour développer une application moderne basée sur Angular. De la création de vos premiers composants à la manipulation des formulaires, en passant par la navigation entre les différentes pages de votre application via le système de routing, la réalisation de requêtes HTTP pour interagir avec un service web, la mise en place de l'authentification, jusqu'à l'écriture des tests unitaires et d'intégration pour vos composants, pipes et services. Scannez le QR code pour accéder à la playlist ou retrouvez le lien en commentaire du post. N'hésitez pas également à la partager, cela pourrait être utile à des personnes souhaitant apprendre une version moderne d'Angular (dont la majorité des API sont basées sur les signaux). 🧠 Stay Curious! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #signal #v19Plus

Did you know? In @angular, you can use viewChild() to access any provider defined in the child component tree. Take a look at below example: #AngularTip #WebDev #Angular #LearnAngular

🎬 Playlist complète pour apprendre Angular de zéro à travers la pratique (avec un projet fil rouge) Cette playlist vous permet d'acquérir les notions essentielles pour développer une application fonctionnelle en utilisant une version moderne d'Angular, notamment les signaux. Cette playlist s'adresse non seulement aux personnes qui souhaitent débuter avec Angular, mais aussi à celles qui veulent se mettre à jour sur les dernières versions, où la majorité des API sont basées sur les signaux. Scannez le QR code pour accéder à la playlist ou retrouvez le lien en commentaire du post. 🧠 Stay Curious! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #v19Plus

🎬 Apprendre Angular de zéro - Conclusion, Pistes pour progresser Nous arrivons enfin à la fin de cette série, au cours de laquelle nous avons appris de nombreuses notions essentielles pour développer une application de zéro en utilisant Angular. Pour résumer les grandes lignes, durant cette série, nous avons vu comment créer une application en utilisant les briques de construction que sont les composants, comment réaliser un formatage de données en utilisant les pipes, comment échanger des données entre les composants, et comment isoler la logique hors des composants pour les rendre réutilisables en utilisant les services. Nous avons également vu comment mettre en place un système de navigation entre les différentes pages d'une application grâce au système de routing, comment réaliser des requêtes HTTP pour récupérer des données d'une API ou échanger des informations avec un serveur, ainsi que la mise en place d'un système d'authentification basé sur les tokens JWT. Nous avons appris comment nous pouvons protéger l'accès à certaines page en utilisant les Guards. Enfin, nous avons appris à tester les composants, les pipes et les services. Tout cela à travers la réalisation progressive d'un mini-projet concret. Cette vidéo vient clore cette petite aventure d'apprentissage d'Angular, dans laquelle j'ai eu le plaisir de vous accompagner. Son objectif est d'apporter des éléments de réponse à certaines questions que beaucoup se posent lorsqu'ils débutent avec Angular, ainsi que de vous suggérer quelques pistes à explorer pour approfondir encore plus vos connaissances... bref, la grande conclusion. J'espère vivement que cette série vous a permis d'apprendre quelque chose de nouveau, que vous soyez débutant ou vétéran. Le reste viendra avec la pratique... Vous trouverez le lien de la vidéo complète dans les commentaires. Cette vidéo fait partie de la série "Apprendre Angular de zéro par la pratique", destinée aux débutants ou à ceux voulant se mettre à niveau avec Angular (version ≥ 19). Vous trouverez également le lien de la playlist est en commentaire. 🧠 Stay Curious! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #v19Plus #conclusion #theEnd #advise

🎬 Apprendre Angular de zéro - Les Guards Malgré la mise en place de l’authentification dans la précédente vidéo, nos routes restent toujours accessibles aux utilisateurs non authentifiés. Bien qu’ils ne puissent pas accéder aux données applicatives, laisser l’application dans cet état ne procure pas une bonne expérience utilisateur. Pour une meilleure expérience, il est essentiel de protéger l’accès aux routes nécessitant une authentification, de sorte qu’un utilisateur non authentifié essayant d’y accéder soit redirigé vers la page de login pour se connecter au préalable. Pour protéger l’accès à une route spécifique en fonction de certaines conditions, Angular propose les guards. Ces derniers seront donc le sujet de la dernière vidéo de cette semaine. Vous trouverez le lien de la vidéo complète dans les commentaires. Cette vidéo fait partie de la série "Apprendre Angular de zéro par la pratique", destinée aux débutants ou à ceux voulant se mettre à niveau avec Angular (version ≥ 19). Vous trouverez également le lien de la playlist est en commentaire. 🧠 Stay Curious! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #v19Plus #guards #router #authentication #routeAccessControl

🎬 Apprendre Angular de zéro - Authentification (Register, Login) - Pratique Il est rare de voir une application web qui ne dispose pas d’un système d’authentification. Maintenant que nous avons progressé dans notre apprentissage d’Angular, que nous savons créer des composants, les faire interagir, mettre en place le routing pour naviguer entre différentes pages de notre application, manipuler des formulaires et réaliser des requêtes HTTP, il est temps d’ajouter un système d’authentification à l’application sur laquelle nous avons travaillé jusqu’à présent pour pratiquer. Cela inclut les fonctionnalités de Register et Login, et ce sera également l’occasion d’apprendre à utiliser les interceptors pour gérer efficacement et facilement les tokens d’authentification lors des différentes requêtes HTTP. Vous trouverez le lien de la vidéo complète dans les commentaires. Cette vidéo fait partie de la série "Apprendre Angular de zéro par la pratique", destinée aux débutants ou à ceux voulant se mettre à niveau avec Angular (version ≥ 19). Vous trouverez également le lien de la playlist est en commentaire. 🧠 Stay Curious! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #v19Plus #forms #reactiveForm #http #interceptor #practice #authentication #identification

🎬 Apprendre Angular de zéro - Les Requêtes HTTP Pour récupérer des données depuis une API, envoyer des données à traiter, à sauvegarder, etc., les applications web utilisent généralement le protocole HTTP. Après avoir exploré comment Angular, via le module ReactiveFormsModule, permet de manipuler les formulaires (mise en place de validateurs, récupération des informations utilisateur, désactivation de champs, écoute des changements d’état pour effectuer des actions spécifiques, etc.) de manière réactive, nous allons maintenant voir comment Angular facilite la réalisation de requêtes HTTP et le traitement des réponses d’un serveur grâce au module HTTPClient. Vous trouverez le lien de la vidéo complète dans les commentaires. Cette vidéo fait partie de la série "Apprendre Angular de zéro par la pratique", destinée aux débutants ou à ceux voulant se mettre à niveau avec Angular (version ≥ 19). Vous trouverez également le lien de la playlist est en commentaire. 🧠 Stay Curious! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #v19Plus #http #httpClient

🎬 Apprendre Angular de zéro - Les Formulaires Réactifs - Pratique Après avoir exploré comment Angular nous permet de gérer les formulaires, avec un accent particulier sur les formulaires réactifs, nous allons mettre ces connaissances en pratique. Ce sera également l'occasion de découvrir l'utilité du FormBuilder et de comprendre comment les FormGroup permettent de regrouper plusieurs FormControl. Cela facilite la centralisation des validations et la gestion des réactions aux changements de valeur, plutôt que de traiter chaque champ individuellement. Vous trouverez le lien de la vidéo complète dans les commentaires. Cette vidéo fait partie de la série "Apprendre Angular de zéro par la pratique", destinée aux débutants ou à ceux voulant se mettre à niveau avec Angular (version ≥ 19). Vous trouverez également le lien de la playlist est en commentaire. 🧠 Stay Curious! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #v19Plus #forms #reactiveForm #practice

🎬 Apprendre Angular de zéro - Les Formulaires Recherche, filtres multicritères, souscription, connexion, paiement, etc. : dans une application, toutes ces fonctionnalités passent par des formulaires ou des contrôles de formulaire. Les contrôles de formulaire (input, text-area, select, checkbox, radio-button) sont les interfaces permettant à un utilisateur d'interagir avec une application. "Ne faites jamais confiance aux données saisies par les utilisateurs : assurez-vous toujours de les valider." Utiliser un framework pour développer une application implique de savoir manipuler des formulaires ou des éléments de formulaire : - La mise en place de validateurs, - La récupération de la valeur d’un champ, - La désactivation d’un champ, etc. Dans cette vidéo, nous découvrirons les utilitaires qu'Angular met à disposition pour manipuler les formulaires. Nous aborderons les deux types de formulaires disponibles aujourd’hui dans Angular : les "Template-Driven Forms" et les "Reactive Forms", avec un accent particulier sur ces derniers. Les signaux (signals), qui constituent la nouvelle primitive pour créer des applications Angular réactives, pourraient bientôt donner naissance à un troisième type de formulaire basé sur cette technologie dans les futures versions d'Angular (des travaux sont déjà en cours sur le sujet...). Vous trouverez le lien de la vidéo complète dans les commentaires. Cette vidéo fait partie de la série "Apprendre Angular de zéro par la pratique", destinée aux débutants ou à ceux voulant se mettre à niveau avec Angular (version ≥ 19). Vous trouverez également le lien de la playlist est en commentaire. 🧠 Stay Curious! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #v19Plus #forms #reactiveForm #templateDrivenForm #validators

🎬 Apprendre Angular de zéro - Routing : Système de Routage Le routage est le mécanisme permettant d'accéder à un composant via une URL (que l'on appelle généralement route ou path lorsqu'on travaille avec des applications monopages, ou Single Page Applications). Angular nous fournit un système de routing puissant, permettant de mapper un chemin (path) à un composant donné, gérer les redirections, d'accéder aux informations liées au routage (par exemple, les query params, les route params pour les routes dynamiques), etc. Dans cette vidéo, nous verrons comment : - configurer des routes statiques et dynamiques, - mettre en place des liens de navigation, - récupérer les données de routage en utilisant le service ActivatedRoute, entre autres. - etc. Vous trouverez le lien de la vidéo complète dans les commentaires. Cette vidéo fait partie de la série "Apprendre Angular de zéro par la pratique", destinée aux débutants ou à ceux voulant se mettre à niveau avec Angular (version ≥ 19). Vous trouverez également le lien de la playlist est en commentaire. 🧠 Stay Curious! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #v19Plus #routing #router #routerOutlet #routeParams #queryParams #dynamicRoute #redirection

🎬 Apprendre Angular de zéro - Services et Injection de Dépendances Vous connaissez probablement déjà le concept d'inversion de contrôle (un design pattern) si vous travaillez avec un framework, ainsi que l’injection de dépendances, un mécanisme qui facilite la mise en œuvre de l’inversion de contrôle. Lorsqu’on développe une application, pour éviter le couplage, il est souvent nécessaire d’isoler ou d’extraire certaines logiques métier des composants afin de les rendre réutilisables. Pour cela, Angular met à disposition des "Services". En combinant l’utilisation des services avec son puissant système d’injection de dépendances, Angular permet de : - Remplacer un service par un autre au moment de l'exécution de l'application, - Faciliter le remplacement d’une dépendance par une doublure (Test Double, mock), - Réduire le couplage entre les différentes parties de l’application. L’objectif de cette vidéo est de vous faire découvrir le système d’injection de dépendances d’Angular, ainsi que l’utilisation des services pour extraire la logique métier hors des composants, et ainsi les rendre réutilisables. Ce sera également l’occasion d’explorer le concept de "Smart and Dumb Components", qui simplifiera grandement la conception de vos applications. Vous trouverez le lien de la vidéo complète dans les commentaires. Cette vidéo fait partie de la série "Apprendre Angular de zéro par la pratique", destinée aux débutants ou à ceux voulant se mettre à niveau avec Angular (version ≥ 19). Vous trouverez également le lien de la playlist est en commentaire. 🧠 Stay Curious! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #v19Plus #component #service #injectable #provide #providers #dependencyInjection #inject #injectFunction

🎬 Apprendre Angular de zéro - Les Flux de Contrôle et les Directives Lorsqu'on développe une application, il arrive que l'on souhaite afficher ou masquer certains éléments en fonction de conditions spécifiques, ou encore parcourir une liste d'éléments pour en afficher le contenu. En somme, des opérations qui nous rappellent les structures de contrôle comme le if, le switch ou le for. Il est également fréquent de vouloir modifier dynamiquement le style d’un élément sur une page en ajustant l'une de ses propriétés CSS, ou d'ajouter (ou supprimer) certaines classes à un élément en fonction d'une condition. Pour réaliser toutes ces opérations, Angular nous propose, dans ses anciennes versions, certaines directives. Ces éléments permettent de modifier la structure ou l'apparence d’un élément du DOM. Afin d'améliorer l'expérience du développeur, Angular a introduit la possibilité de réaliser certaines de ces opérations en utilisant une syntaxe se rapprochant le plus possible des structures de contrôle que nous utilisons en JavaScript. Depuis la version 17 d'Angular, une nouvelle fonctionnalité appelée Flux de contrôle (Control Flow) a vu le jour. L’objectif de cette vidéo est de vous faire découvrir les directives et les flux de contrôle dans Angular. Ces outils permettent de modifier l’apparence (style, classes) ou la structure (ajout ou suppression d'éléments) du DOM en fonction de conditions spécifiques. Vous trouverez le lien de la vidéo complète dans les commentaires. Cette vidéo fait partie de la série "Apprendre Angular de zéro par la pratique", destinée aux débutants ou à ceux voulant se mettre à niveau avec Angular (version ≥ 19). Vous trouverez également le lien de la playlist est en commentaire. 🧠 Stay Curious! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #v19Plus #component #controlFlow #directive

🎬 Apprendre Angular de zéro - Input, Output : Communication entre Composants Après avoir découvert les composants Angular, exploré leur structure et les actions possibles au niveau du template d'un composant, nous allons aborder dans cette vidéo les "inputs" et "outputs". Des mécanismes simples, fournis par Angular, permettant à un composant de communiquer avec son composant parent. Comme nous le verrons, Angular repose par défaut sur un système de communication unidirectionnelle pour l’échange de données entre composants parent et enfant. Il permet d'utiliser les : - input (Singal Input): pour passer des données du parent vers l'enfant. - output (Output Function): pour transmettre des données de l'enfant vers le parent. Vous trouverez le lien de la vidéo complète dans les commentaires. Cette vidéo fait partie de la série "Apprendre Angular de zéro par la pratique", destinée aux débutants ou à ceux voulant se mettre à niveau avec Angular (version ≥ 19). Vous trouverez également le lien de la playlist est en commentaire. 🧠 Stay Curious! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #v19Plus #component #communication #parentChild #signalInput #outputFunction

🎬 Apprendre Angular de zéro - Les Pipes Lorsqu’on développe une application, il est courant de vouloir effectuer des formatage spécifiques (pourcentage, devise, date, nombre de décimales, etc.). Pour ce type de tâches dans Angular, on utilise ce qu’on appelle des "pipes". Comme nous le verrons dans la vidéo, les pipes sont, en pratique, des fonctions utilitaires réutilisables directement dans le template d’un composant. L'objectif de cette vidéo sera de vous faire découvrir les Pipes, un mécanisme permettant dans Angular de formater les données dans les templates. Concernant le contenu, nous verrons quelques Pipes fournis par Angular (comme date et currency) et comment créer un Pipe personnalisé, afin d'isoler des logiques de formatage réutilisables dans différentes parties d'une application. Vous trouverez le lien de la vidéo complète dans les commentaires. Cette vidéo fait partie de la série "Apprendre Angular de zéro par la pratique", destinée aux débutants ou à ceux voulant se mettre à niveau avec Angular (version ≥ 19). Vous trouverez également le lien de la playlist est en commentaire. 🧠 Stay Curious! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #v19Plus #pipe #parentChild #transform #template

🎬 Apprendre Angular de zéro - Démarrer un nouveau projet Angular Après avoir répondu à la question "C'est quoi Angular ?" dans la précédente vidéo de la nouvelle série "Apprendre Angular de zéro par la pratique" (série lancée cette semaine sur ma chaîne YouTube et destinée aux personnes souhaitant débuter pas à pas avec une version moderne d'Angular, version >=19, ou se mettre à niveau), L'objectif de cette seconde vidéo sera de : - Montrer comment créer un nouveau projet Angular avec le CLI d'Angular. - Faire découvrir la structure d'un projet Angular généré avec le CLI. - Faire comprendre le processus de démarrage (bootstrapping) d’une application Angular. Le bootstrapping est le processus qui permet de passer d'un simple fichier index.html à l'affichage du premier composant (root component). Comprendre ce processus est crucial lorsqu'on débute avec Angular, car cela permet de démystifier son fonctionnement. Ce n'est pas de la magie ! Il suffit de comprendre comment ça marche. À partir de la semaine prochaine, nous apprendrons à créer notre premier composant et à explorer les différentes opérations possibles avec Angular au niveau des composants. Vous trouverez le lien de la vidéo complète dans les commentaires. 🧠 Stay Curious! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #v19Plus #ngNew #bootstrapping

🎬 Apprendre Angular de zéro - C'est quoi Angular ? Comme annoncé la semaine dernière, je lance une nouvelle série sur ma chaîne destinée aux personnes souhaitant débuter avec une version moderne (version >=19) d'Angular ou se mettre à niveau. La fréquence de publication sera de deux vidéos par semaine, le lundi et le jeudi. Dans cette première vidéo, l'objectif sera de faire une vue d'ensemble d'Angular : ses avantages, ses inconvénients, quand l'utiliser et quand il peut ne pas être le meilleur choix. Nous verrons également les pré-requis nécessaires pour bien débuter avec Angular. Vous trouverez le lien de la vidéo complète dans les commentaires. 🧠 Stay Curious!! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #v19Plus #bigPicture

📢 Angular de zéro - Apprendre Angular par la pratique Vous prévoyez de vous mettre à Angular en 2025 ou de mettre à jour vos compétences avec les nouvelles versions d'Angular basées sur les signaux ? Bonne nouvelle ! J'ai prévu une toute nouvelle série sur ma chaîne, à partir du 6 janvier 2025, pour vous permettre d'apprendre Angular de zéro, étape par étape, à travers la réalisation d'un projet concret. Vous partirez de zéro, et la complexité augmentera progressivement à mesure que vous évoluerez. Cette série sera basée sur la version 19 d'Angular et couvrira l'essentiel pour développer une application fonctionnelle : - Les bases des composants - La communication entre composants - L'utilisation des services et le système d'injection de dépendances d'Angular - Le routing - Les formulaires - L'authentification et la gestion des tokens - La protection d'accès à certaines parties de l'application - La structuration de projet - Et quelques partages d'expérience personnelle, ainsi que des astuces issues de mon utilisation du framework. Vous trouverez en commentaire le lien vers cette nouvelle série. Je publierai les vidéos progressivement, à raison de 2 vidéos maximum par semaine, à partir du 6 janvier 2025. Restez connectés et n'hésitez pas à repartager ce post autour de vous. Cela pourrait être utile à des personnes de votre réseau qui débutent avec Angular ou qui souhaitent se remettre à niveau. 🧠 Stay Curious!! #devPropulsor #angular #tutos #learnAngular #crashCourse #apprendreAngulardeZero #v19

Hello World...err...Hello YouTube! Just launched the first (of many) video series. This first one is Angular 19 Essentials: Part 1 - Master the Basics and Setup Your First Project! Welcome to Part 1 of our Angular 19 Essentials series! 🚀 In this video, we’ll cover everything you need to know to get started with Angular 19, including: • What Angular is and why it’s powerful. • Key features of Angular 19, like improved performance and standalone components. • Step-by-step setup of your development environment. • Creating and running your first Angular project. Whether you’re a beginner or need a refresher, this video will set the foundation for building dynamic, scalable web applications with Angular 19. 📌 Don’t miss out on future parts of this series! Subscribe and hit the notification bell to stay updated. #Angular19 #AngularEssentials #WebDevelopment #FrontendDevelopment #LearnAngular #AngularSetup #CodingTips #JavaScriptFrameworks #ProgrammingTutorial #AngularTutorial #DevCommunity #JavaScriopt #Programming

Angular Developer Training Call Us: 1-844-887-9239 Website: systemskills.com/ #AngularTraining #AngularDeveloper #WebDevelopment #FrontendDevelopment #AngularJS #LearnAngular #DeveloperTraining #AngularCourse #IT #ITTraining #ITConsulting #ITStaffing #TechTraining #usa