[{"data":1,"prerenderedAt":45},["ShallowReactive",2],{"course-angular-developper-des-applications":3,"highlight-typescript-@Component({\n  selec":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/0b6902ba-b298-11f1-a993-d8ca06000363","Angular : développer des applications","angular-developper-des-applications",null,"Développeurs web souhaitant construire des applications monopages structurées.","Pratique de JavaScript moderne. La connaissance de TypeScript est un plus.","Développer une application Angular moderne : composants, signals, routage et formulaires.","--day1--\n\n## Socle Angular\n\n-   Écosystème et versions ; CLI et structure d'un projet ; composants autonomes ; gabarits et liaison de données ; nouvelle syntaxe de contrôle de flux.\n\n--break--\n\n## Composants et communication\n\n-   Entrées et sorties ; cycle de vie ; projection de contenu ; composition de composants ; styles encapsulés.\n\n--day2--\n\n## Réactivité et services\n\n-   Signaux et état local ; services et injection de dépendances ; RxJS : observables utiles au quotidien ; interopérabilité signaux et observables.\n\n--break--\n\n## Appels HTTP\n\n-   Client HTTP ; intercepteurs ; gestion des erreurs ; états de chargement ; ressources asynchrones.\n\n--day3--\n\n## Routage\n\n-   Routes et paramètres ; chargement différé ; gardes et résolveurs ; navigation programmatique ; structure d'une application multi-modules.\n\n--break--\n\n## Formulaires\n\n-   Formulaires réactifs ; validation synchrone et asynchrone ; formulaires dynamiques ; accessibilité des champs.\n\n--day4--\n\n## Tests et qualité\n\n-   Tests unitaires de composants et de services ; doublures ; tests de bout en bout ; analyse de la taille du bundle.\n\n--break--\n\n## Mise en production\n\n-   Build et environnements ; optimisation ; déploiement ; internationalisation ; revue du projet fil rouge.","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.","28.00","L1-DEV-19","2026-09-18T09:45:10+00:00","2026-09-17T15:02:32+00:00","2510.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},"Développez une application Angular complète en maîtrisant les composants standalone, les signaux pour la réactivité, le routage, les formulaires réactifs et la communication avec une API REST.","Cette formation forme les développeurs web à la construction d'applications Angular sur une version récente du framework. Vous apprenez à structurer une application avec des composants standalone, à gérer l'état et la réactivité avec les signaux (signal, computed, effect), à mettre en place le routage entre les vues et à construire des formulaires réactifs validés. La communication avec une API REST via HttpClient et l'organisation des services d'application sont également couvertes. La formation est entièrement orientée projet : chaque notion est appliquée immédiatement sur une application développée au fil des exercices, jusqu'à obtenir une base cohérente et maintenable. Elle s'adresse aux développeurs web souhaitant construire des applications monopages structurées, avec ou sans première expérience de TypeScript.","#DD0031","mdi:angular","typescript","@Component({\n  selector: 'app-cart',\n  standalone: true,\n  template: `\u003Cp>Total : {{ total() }} €\u003C/p>`\n})\nexport class CartComponent {\n  items = signal\u003CItem[]>([]);\n  total = computed(() =>\n    this.items().reduce((sum, i) => sum + i.price, 0)\n  );\n}","Formation Angular orientée projet : composants autonomes, signaux, routage et formulaires réactifs, pour construire une application monopage structurée reliée à une API.","Concevez des applications Angular modernes avec composants autonomes, signaux, routage et formulaires, structurées pour évoluer en équipe.","\u003Cpre class=\"hljs\">\u003Ccode class=\"language-typescript\">\u003Cspan class=\"hljs-meta\">@Component\u003C/span>({\n  \u003Cspan class=\"hljs-attr\">selector\u003C/span>: \u003Cspan class=\"hljs-string\">'app-cart'\u003C/span>,\n  \u003Cspan class=\"hljs-attr\">standalone\u003C/span>: \u003Cspan class=\"hljs-literal\">true\u003C/span>,\n  \u003Cspan class=\"hljs-attr\">template\u003C/span>: \u003Cspan class=\"hljs-string\">`<p>Total : {{ total() }} €</p>`\u003C/span>\n})\n\u003Cspan class=\"hljs-keyword\">export\u003C/span> \u003Cspan class=\"hljs-keyword\">class\u003C/span> \u003Cspan class=\"hljs-title class_\">CartComponent\u003C/span> {\n  items = signal<\u003Cspan class=\"hljs-title class_\">Item\u003C/span>[]>([]);\n  total = \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_\">items\u003C/span>().\u003Cspan class=\"hljs-title function_\">reduce\u003C/span>(\u003Cspan class=\"hljs-function\">(\u003Cspan class=\"hljs-params\">sum, i\u003C/span>) =>\u003C/span> sum + i.\u003Cspan class=\"hljs-property\">price\u003C/span>, \u003Cspan class=\"hljs-number\">0\u003C/span>)\n  );\n}\u003C/code>\u003C/pre>",1789717718059]