[{"data":1,"prerenderedAt":45},["ShallowReactive",2],{"course-angular-avance-architecture-et-performances":3,"highlight-typescript-bootstrapApplication":44},{"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":7,"maximumParticipants":7,"duration":17,"reference":18,"trainerType":7,"updated_at":19,"created_at":20,"price":21,"organizationMode":22,"theme":25,"code":29,"tags":34,"metadata":35},"/api/courses/0b6a828e-b298-11f1-a993-d8ca06000363","Angular avancé : architecture et performances","angular-avance-architecture-et-performances",null,"Développeurs Angular expérimentés, référents techniques front, architectes applicatifs.","Pratique confirmée d'Angular et de TypeScript.","Structurer de grandes applications Angular : gestion d'état, zoneless, tests et performances.","--day1--\n\n## Architecture à l'échelle\n\n-   Découpage par domaines fonctionnels ; frontières et dépendances ; bibliothèques internes et monorepo ; conventions d'équipe.\n\n--break--\n\n## Gestion d'état\n\n-   État local par signaux ; magasins partagés ; comparaison des approches (services avec signaux, NgRx, alternatives) ; critères de choix.\n\n--day2--\n\n## Détection de changement\n\n-   Fonctionnement interne ; stratégie OnPush ; applications sans Zone.js ; suivi et diagnostic des rendus superflus.\n\n--break--\n\n## Performance\n\n-   Mesure (Lighthouse, profiler Angular) ; chargement différé et découpage ; virtualisation de listes ; optimisation des images et polices.\n\n--day3--\n\n## Rendu serveur et hydratation\n\n-   Rendu côté serveur ; hydratation incrémentale ; référencement et premier affichage ; contraintes d'exploitation.\n\n--break--\n\n## Industrialisation\n\n-   Stratégie de test sur une grande base ; migrations de version et schematics ; revue d'architecture ; atelier sur le code des participants.","Présentiel, distanciel, hybride","Les supports pédagogiques sont remis aux stagiaires sous format numérique et/ou papier selon les modalités de la formation.\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\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\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 ouvré.","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 formation et ses modules, puis nous vous adresserons un devis.\n\nLes dates de la formation seront à convenir sous 30 jours maximum.","21.00","L1-DEV-20","2026-09-18T09:45:10+00:00","2026-09-17T15:02:32+00:00","2180.00",{"id":23,"name":24},"/api/organization_mode_types/6","HYBRID",{"id":26,"name":27,"slug":28},"/api/themes/0ac148c3-b298-11f1-a993-d8ca06000363","Développement logiciel informatique et web","developpement-logiciel-informatique-et-web",{"id":30,"label":31,"domain":32},"/api/training_specialities/163","326 - Informatique, traitement de l’information, réseaux de transmission des données",{"label":33},"32 - Communication et information",[],{"desc-accroche":36,"Description":37,"icon-color":38,"icon-name":39,"code-langage":40,"code-snippet":41,"courte-description":42,"titre-accroche":43},"Approfondissez l'architecture des applications Angular à grande échelle : gestion d'état, détection de changements zoneless, stratégies de tests et techniques d'optimisation des performances mesurées en conditions réelles.","Cette formation s'adresse aux équipes Angular confrontées à la maintenabilité d'une application qui grandit. Vous étudiez les patterns d'architecture pour découper une grande application en modules cohérents, les stratégies de gestion d'état (signals, stores, flux unidirectionnel) et le passage au mode zoneless pour une détection de changements plus prévisible et performante. La formation traite également les stratégies de tests adaptées à une base de code volumineuse, ainsi que les techniques d'optimisation mesurées : lazy loading, change detection ciblée, profiling avec Chrome DevTools et Angular DevTools. Chaque recommandation s'appuie sur des mesures avant/après plutôt que sur des principes théoriques. Cette formation s'adresse aux développeurs Angular expérimentés, référents techniques front et architectes applicatifs.","#DD0031","mdi:angular","typescript","bootstrapApplication(AppComponent, {\n  providers: [provideExperimentalZonelessChangeDetection()]\n});\n\nexport class OrdersStore {\n  private state = signal\u003COrder[]>([]);\n  readonly pending = computed(() =>\n    this.state().filter(o => o.status === 'pending')\n  );\n}","Formation Angular avancée sur l'architecture de grandes applications : gestion d'état, mode zoneless, tests et optimisation mesurée des performances front-end.","Structurez de grandes applications Angular en maîtrisant l'architecture, la gestion d'état, le mode zoneless et l'optimisation mesurée des performances.","\u003Cpre class=\"hljs\">\u003Ccode class=\"language-typescript\">\u003Cspan class=\"hljs-title function_\">bootstrapApplication\u003C/span>(\u003Cspan class=\"hljs-title class_\">AppComponent\u003C/span>, {\n  \u003Cspan class=\"hljs-attr\">providers\u003C/span>: [\u003Cspan class=\"hljs-title function_\">provideExperimentalZonelessChangeDetection\u003C/span>()]\n});\n\n\u003Cspan class=\"hljs-keyword\">export\u003C/span> \u003Cspan class=\"hljs-keyword\">class\u003C/span> \u003Cspan class=\"hljs-title class_\">OrdersStore\u003C/span> {\n  \u003Cspan class=\"hljs-keyword\">private\u003C/span> state = signal<\u003Cspan class=\"hljs-title class_\">Order\u003C/span>[]>([]);\n  \u003Cspan class=\"hljs-keyword\">readonly\u003C/span> pending = \u003Cspan class=\"hljs-title function_\">computed\u003C/span>(\u003Cspan class=\"hljs-function\">() =>\u003C/span>\n    \u003Cspan class=\"hljs-variable language_\">this\u003C/span>.\u003Cspan class=\"hljs-title function_\">state\u003C/span>().\u003Cspan class=\"hljs-title function_\">filter\u003C/span>(\u003Cspan class=\"hljs-function\">\u003Cspan class=\"hljs-params\">o\u003C/span> =>\u003C/span> o.\u003Cspan class=\"hljs-property\">status\u003C/span> === \u003Cspan class=\"hljs-string\">'pending'\u003C/span>)\n  );\n}\u003C/code>\u003C/pre>",1789717718309]