[{"data":1,"prerenderedAt":49},["ShallowReactive",2],{"course-angular-avance":3,"highlight-typescript-import { Component, ":48},{"id":4,"name":5,"slug":6,"location":7,"targetAudienceFormatMarkdown":8,"prerequisitesFormatMarkdown":9,"objectivesFormatMarkdown":10,"descriptionFormatMarkdown":11,"teachingMethodsFormatMarkdown":12,"teachingResourcesFormatMarkdown":13,"evaluationMethodsFormatMarkdown":14,"accessibilityFormatMarkdown":15,"accessMethodsFormatMarkdown":16,"minimumParticipants":17,"maximumParticipants":18,"duration":19,"reference":18,"trainerType":18,"updated_at":20,"created_at":21,"price":22,"organizationMode":23,"theme":26,"code":30,"tags":35,"metadata":39},"/api/courses/78193aaf-bf72-4a05-8d0b-13a4aff0ae84","Angular avancé","angular-avance","teams","Développeurs Angular\n\nChefs de projets","-   Connaissance de Angular\n-   Bonne connaissance de JavaScript","-   Définir le framework Angular, de manière approfondie\n-   Maîtriser les concepts avancés de performance et de détection de changement\n-   Gérer efficacement l'état de l'application avec NgRx\n-   Exploiter les fonctionnalités avancées de routage et de rendu côté serveur","--day1--\n\n  \n\n## MAITRISER L’ARCHITECTURE ANGULAR MODERNE\n\n-   Découvrir les nouveautés Angular (v14 à la dernière)\n-   Implémenter les standalone components\n-   Utiliser le nouveau système de build Vite\n-   Comprendre l'architecture découplée\n-   Appliquer les dernières bonnes pratiques\n\n--break--\n\n## OPTIMISER LA DÉTECTION DE CHANGEMENTS\n\n-   Exploiter Zone.js efficacement\n-   Implémenter le mode Zoneless\n-   Maîtriser les stratégies de détection\n-   Optimiser les performances de rendu\n-   Utiliser les outils de profilage Angular\n\n  \n\n--day2--\n\n  \n\n## GERER L’ETAT AVEC LES SOLUTIONS MODERNES\n\n-   Comparer NgRx et Signals\n-   Implémenter les Signals efficacement\n-   Utiliser les computed signals\n-   Maîtriser les signal inputs\n-   Gérer les effets avec effect()\n\n--break--\n\n## APPROFONDIR NGRX & ROUTING AVANCE\n\n-   Architecturer avec le pattern Flux\n-   Implémenter les stores modernes\n-   Gérer les actions et reducers\n-   Utiliser les effects avancés\n-   Optimiser les sélecteurs\n-   Implémenter les routes standalone\n-   Utiliser les routes secondaires\n-   Gérer la navigation complexe\n-   Optimiser avec le lazy loading\n-   Sécuriser avec les nouveaux guards\n\n  \n\n--day3--\n\n  \n\n## OPTIMISER LE RENDU & SIGNALS AVANCES\n\n-   Configurer le SSR moderne\n-   Utiliser Angular Universal\n-   Implémenter le rendu hybride\n-   Optimiser le premier rendu\n-   Gérer le transfert d'état\n-   Créer des états réactifs avec Signals\n-   Gérer la communication inter-composants\n-   Optimiser les performances\n-   Combiner Signals et RxJS\n-   Implémenter des patterns avancés\n\n--break--\n\n## FONCTIONNALITES MODERNES, PWA, I18N & BUILD\n\n-   Utiliser le nouveau control flow\n-   Exploiter les deferrable views\n-   Implémenter le lazy loading avancé\n-   Optimiser les bundles\n-   Gérer les micro-frontends\n-   Configurer les Service Workers (PWA)\n-   Implémenter le mode hors ligne\n-   Gérer les notifications push\n-   Optimiser les performances PWA\n-   Utiliser les nouvelles API Web\n-   Utiliser les nouveaux outils i18n\n-   Implémenter la traduction dynamique\n-   Gérer les formats régionaux\n-   Optimiser les traductions\n-   Configurer l'extraction automatique\n-   Configurer le build production\n-   Mettre en place le monitoring\n-   Gérer les différents environnements\n-   Optimiser les performances\n-   Tracker l'utilisation avec l'analytics","Nos formations, équilibrées entre théorie (50%) et pratique (50%), offrent un apprentissage interactif grâce à des méthodes variées comme les travaux pratiques, les mises en situation et les démonstrations. Des QCM réguliers assurent le suivi des acquis.\n\nVariables suivant les formations, les moyens techniques mis en oeuvre sont :\n\nOrdinateurs Mac ou PC, connexion internet fibre, tableau blanc ou écran (pour le distanciel).\n\nEn cas de formation intra sur site externe à Le Code, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires\n\n(équipements informatiques...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué\n\nLes prérequis techniques seront communiqués aux apprenants en amont de la formation, lors de l'analyse des besoins, en fonction des spécificités de chaque client.","Les supports pédagogiques sont remis aux stagiaires sous format numérique et/ou papier selon les modalités de la formation.\n\n  \n\nIls comprennent des supports de cours, des présentations, des fiches pratiques, des études de cas, des exercices applicatifs ainsi que des QCM d’entraînement selon la formation. (adapté au choix du formateur)\n\n  \n\nLes formations s’appuient sur des moyens techniques adaptés : ordinateurs, logiciels professionnels, connexion internet, écran ou vidéoprojecteur, ainsi que des outils collaboratifs et de visioconférence pour les formations à distance.\n\n  \n\nL’ensemble des supports pédagogiques est accessible pendant et après la formation afin de favoriser l’appropriation et la mise en pratique des compétences acquises.","En amont de la formation, un recueil des besoins permet de récolter des informations sur le stagiaire et ses attentes. L’évaluation se fait en cours de formation, par des études de cas ou des travaux pratiques. En fin de formation, par un questionnaire d’auto-évaluation et/ou un examen.\n\nUn suivi de qualité est effectué grâce à nos sessions en groupe restreint (entre 2 et 9 participants maximum). Le stagiaire émargera par demi-journée et recevra une attestation de formation.","Nous informons l'ensemble de nos clients et stagiaires que nous sommes dans la capacité d’adapter les sessions selon les handicaps et les situations spécifiques. Nous nous engageons à répondre à toutes vos demandes sous un délai de 48h\n\nouvré.","Si l’une de nos formations vous intéresse, contactez-nous au +33 4 93 65 34 24 ou à l’adresse mail contact@m2g-intellect.fr. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d’adapter la\n\nformation et ses modules, puis nous vous adresserons un devis.\n\nLes dates de la formation seront à convenir sous 30 jours maximum.",1,null,"21.00","2026-06-25T15:09:25+00:00","2026-01-18T11:21:00+00:00","2100.00",{"id":24,"name":25},"/api/organization_mode_types/6","HYBRID",{"id":27,"name":28,"slug":29},"/api/themes/abd712b8-6a6c-4c9b-b382-0aea1eac47d6","Développement Web Frontend","developpement-web-frontend",{"id":31,"label":32,"domain":33},"/api/training_specialities/163","326 - Informatique, traitement de l’information, réseaux de transmission des données",{"label":34},"32 - Communication et information",[36],{"id":37,"name":38},"7732139d-6025-4fde-b145-39298ced3408","MENUFEATURED",{"desc-accroche":40,"Description":41,"icon-color":42,"icon-name":43,"code-langage":44,"code-snippet":45,"courte-description":46,"titre-accroche":47},"Devenez expert en performance en maîtrisant les RxJS Operators, l'architecture d'état (NgRx), les techniques de Caching, l'utilisation des Signals et les stratégies de déploiement optimisées.","Cette formation est spécialement conçue pour les développeurs Angular qui souhaitent aller au-delà des bases. Elle se concentre sur les pratiques et outils nécessaires pour construire des applications d'entreprise performantes, maintenables et évolutives. Vous apprendrez à implémenter une gestion d'état robuste avec NgRx (State, Actions, Reducers, Effects) ou d'autres solutions modernes. L'accent est mis sur la maîtrise du paradigme RxJS : utilisation avancée des Operators, gestion du cold/hot Observable et optimisation des flux de données. De plus, la formation couvre les stratégies de performance avancées : utilisation des nouveaux Signals, Change Detection optimisée, techniques de Caching et Lazy Loading poussé. Vous serez capable d'architecturer des applications complexes et d'assurer une qualité de code irréprochable.","#C3002F","mdi:angular","typescript","import { Component, signal } from '@angular/core';\n\n@Component({\n\tselector: 'app-user-profile',\n\ttemplate: `\n\t\t\u003Ch2>{{ user().name }}\u003C/h2>\n\t\t\u003Cp>Statut : {{ user().status }}\u003C/p>\n\t`,\n})\nexport class UserProfileComponent {\n\t// Utilisation des Angular Signals pour la réactivité\n\tuser = signal({ \n\t\tname: 'Jane Doe', \n\t\tstatus: 'Online' \n\t});\n}","Formation approfondie sur l'architecture Angular : NgRx (gestion d'état), maîtrise avancée de RxJS, Angular Signals et optimisation des performances.","Maîtrisez les concepts fondamentaux d'Angular et propulsez vos applications à une échelle professionnelle en adoptant les meilleures pratiques d'architecture et de performance.","\u003Cpre class=\"hljs\">\u003Ccode class=\"language-typescript\">\u003Cspan class=\"hljs-keyword\">import\u003C/span> { \u003Cspan class=\"hljs-title class_\">Component\u003C/span>, signal } \u003Cspan class=\"hljs-keyword\">from\u003C/span> \u003Cspan class=\"hljs-string\">'@angular/core'\u003C/span>;\n\n\u003Cspan class=\"hljs-meta\">@Component\u003C/span>({\n\t\u003Cspan class=\"hljs-attr\">selector\u003C/span>: \u003Cspan class=\"hljs-string\">'app-user-profile'\u003C/span>,\n\t\u003Cspan class=\"hljs-attr\">template\u003C/span>: \u003Cspan class=\"hljs-string\">`\n\t\t<h2>{{ user().name }}</h2>\n\t\t<p>Statut : {{ user().status }}</p>\n\t`\u003C/span>,\n})\n\u003Cspan class=\"hljs-keyword\">export\u003C/span> \u003Cspan class=\"hljs-keyword\">class\u003C/span> \u003Cspan class=\"hljs-title class_\">UserProfileComponent\u003C/span> {\n\t\u003Cspan class=\"hljs-comment\">// Utilisation des Angular Signals pour la réactivité\u003C/span>\n\tuser = \u003Cspan class=\"hljs-title function_\">signal\u003C/span>({ \n\t\t\u003Cspan class=\"hljs-attr\">name\u003C/span>: \u003Cspan class=\"hljs-string\">'Jane Doe'\u003C/span>, \n\t\t\u003Cspan class=\"hljs-attr\">status\u003C/span>: \u003Cspan class=\"hljs-string\">'Online'\u003C/span> \n\t});\n}\u003C/code>\u003C/pre>",1792136714638]