[{"data":1,"prerenderedAt":46},["ShallowReactive",2],{"course-angular-techniques-avancees-pour-applications-web":3,"highlight-TypeScript-import { signal, com":45},{"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":17,"duration":18,"reference":19,"trainerType":7,"updated_at":20,"created_at":21,"price":22,"organizationMode":7,"theme":23,"code":27,"tags":32,"metadata":36},"/api/courses/e0514cb7-947c-4533-ab40-fe4d1d3cbc4d","Angular – Techniques avancées pour applications Web ","angular-techniques-avancees-pour-applications-web",null,"Développeurs Angular souhaitant approfondir leur maîtrise du framework.\n\nIngénieurs logiciels et architectes techniques impliqués dans des projets Angular complexes.\n\nDéveloppeurs full‑stack ou front‑end cherchant à optimiser et structurer des applications Web évolutives.","-   Maîtrise des bases d’Angular (composants, templates, modules, services). \n-   Connaissances solides en TypeScript et JavaScript moderne (ES6+). \n-   Expérience préalable en développement front‑end (HTML, CSS). \n-   Utilisation d’un éditeur de code et des outils de gestion de paquets (npm/yarn). ","-   Exploiter des fonctionnalités avancées d’Angular pour la réactivité, la performance et la modularité. \n-   Appliquer des stratégies de gestion d’état, de rendu optimisé et d'architecture modulaire. \n-   Utiliser les APIs récentes telles que les signaux, la rendering modernisée et la création dynamique de composants. \n-   Structurer des applications Angular complexes avec lazy loading, SSR, routage avancé et bonnes pratiques de performance. \n-   Intégrer des tests, optimiser la détection de changements et préparer des builds pour la production. ","--day1--\n\n## Approfondissement du modèle de composants \n\n-   Rappels sur l’architecture Angular et révision des meilleures pratiques. \n-   Composants avancés : cycle de vie détaillé, interactions complexes. \n-   Décorateurs avancés : @ViewChild, @ContentChild, éléments DOM. \n-   Atelier pratique : composants dynamiques avec gestion des dépendances. \n\n--break--\n\n## Réactivité moderne et signals \n\n-   Présentation des modèles réactifs évolués dans Angular. \n-   Utilisation des signaux pour gérer l’état avec plus de prévisibilité.  \n-   Comparaison entre Observables RxJS et signaux pour certaines architectures. \n-   Exercices pratiques : conception de gestion d’état moderne. \n\n--day2--\n\n## Routage, lazy loading et stratégies avancées \n\n-   Configuration du routage avancé dans Angular. \n-   Routes paramétrées, guards et résolution de données. \n-   Chargement différé des modules (lazy loading) pour optimiser les performances. \n-   Atelier : navigation complexe et séparation fonctionnelle des modules. \n\n--break--\n\n## Server‑ ‑Side Rendering et optimisation \n\n-   Introduction au rendu côté serveur (SSR) et à l’hydratation incrémentale.  \n-   Avantages du SSR pour le SEO, les performances et l’expérience utilisateur. \n-   Optimisation de la performance : détection de changements, code splitting. \n-   Exercices : mise en place d’un SSR minimal et mesures de performances. \n\n--day3--\n\n## APIs avancées et création dynamique de composants \n\n-   Création dynamique de composants et API moderne (createComponent).  \n-   Gestion des formulaires complexes et validation avancée. \n-   Techniques d’intégration de données externes (HttpClient, interceptors). \n-   Atelier pratique : formulaire réactif et interaction avec un service externe. \n\n  \n\n--break--\n\n## Tests, qualité et bonnes pratiques\n\n-   Introduction aux tests unitaires et tests d’intégration Angular (Jasmine, TestBed).\n-   Analyse et optimisation des performances avec Angular DevTools. \n-   Bonnes pratiques de structuration et de maintenance d’applications à long terme.\n-   Synthèse, retours d’expérience et pistes d’approfondissement.","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é","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.",0,"21.00","ang av","2026-04-23T09:02:14+00:00","2026-04-23T08:58:00+00:00","2250.00",{"id":24,"name":25,"slug":26},"/api/themes/abd712b8-6a6c-4c9b-b382-0aea1eac47d6","Développement Web Frontend","developpement-web-frontend",{"id":28,"label":29,"domain":30},"/api/training_specialities/163","326 - Informatique, traitement de l’information, réseaux de transmission des données",{"label":31},"32 - Communication et information",[33],{"id":34,"name":35},"7732139d-6025-4fde-b145-39298ced3408","MENUFEATURED",{"desc-accroche":37,"Description":38,"icon-color":39,"icon-name":40,"code-langage":41,"code-snippet":42,"courte-description":43,"titre-accroche":44},"Poussez votre expertise Angular au niveau supérieur : maîtrisez la gestion d'état réactive avec RxJS, l'optimisation des performances (Change Detection), les Signals, et l'architecture modulaire avancée pour bâtir des applications d'entreprise scalables.","Angular est le framework de référence pour les applications critiques et les plateformes d'entreprise. Cette formation de perfectionnement est conçue pour les développeurs souhaitant maîtriser les techniques les plus pointues du framework maintenu par Google. Vous explorerez en profondeur la programmation réactive avec RxJS, le nouveau paradigme des Signals pour une gestion de la réactivité plus fine, ainsi que les stratégies d'optimisation du rendu. Un focus important sera mis sur la création de Shared Libraries, l'implémentation de guards avancés et la mise en place de tests unitaires et d'intégration robustes. À l'issue de ce cursus, vous saurez structurer des projets complexes avec une maintenabilité exemplaire et des performances optimales.","#BC002D","mdi:angular","TypeScript","import { signal, computed } from '@angular/core';\n\n@Component({\n\tselector: 'app-counter',\n\ttemplate: `Count: {{ count() }} - Double: {{ double() }}`\n})\nexport class CounterComponent {\n\tcount = signal(0);\n\tdouble = computed(() => this.count() * 2);\n}","Maîtrisez les techniques avancées d'Angular : programmation réactive avec RxJS, Signals, optimisation des performances et architectures modulaires pour applications d'entreprise.","Devenez un expert Angular capable de concevoir des architectures web complexes, ultra-performantes et prêtes pour la production à grande échelle.","\u003Cpre class=\"hljs\">\u003Ccode class=\"language-typescript\">\u003Cspan class=\"hljs-keyword\">import\u003C/span> { signal, computed } \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-counter'\u003C/span>,\n\t\u003Cspan class=\"hljs-attr\">template\u003C/span>: \u003Cspan class=\"hljs-string\">`Count: {{ count() }} - Double: {{ double() }}`\u003C/span>\n})\n\u003Cspan class=\"hljs-keyword\">export\u003C/span> \u003Cspan class=\"hljs-keyword\">class\u003C/span> \u003Cspan class=\"hljs-title class_\">CounterComponent\u003C/span> {\n\tcount = \u003Cspan class=\"hljs-title function_\">signal\u003C/span>(\u003Cspan class=\"hljs-number\">0\u003C/span>);\n\tdouble = \u003Cspan class=\"hljs-title function_\">computed\u003C/span>(\u003Cspan class=\"hljs-function\">() =>\u003C/span> \u003Cspan class=\"hljs-variable language_\">this\u003C/span>.\u003Cspan class=\"hljs-title function_\">count\u003C/span>() * \u003Cspan class=\"hljs-number\">2\u003C/span>);\n}\u003C/code>\u003C/pre>",1781121857268]