Angular

Angular est le framework Web de Google pour construire des applications modernes, performantes et maintenables, du navigateur au serveur.

La formation s'appuie sur la dernière version d'Angular et l'architecture moderne du framework : composants standalone, Signals, nouveau contrôle de flux des templates, routing, formulaires, accès HTTP, tests et optimisation des performances.

Angular évolue selon un cycle de versions majeures régulier. Le cours est maintenu sur la dernière version stable disponible et intègre les pratiques recommandées par l'équipe Angular.

Durée : 4 jours, soit 28 heures.

• La formation est composée de 75% de travaux pratiques (Mises en situation, débats, exercices). Le formateur alterne entre théorie et pratique ; chaque participant dispose d'un ordinateur sur lequel il réalisera les exercices proposés.
• Une évaluation quotidienne de l'acquisition des connaissances de la veille est effectuée.
• Une synthèse est proposée en fin de formation.
• Une évaluation à chaud sera proposée au stagiaire à la fin du cours.
• Un support de cours (version électronique) sera remis à chaque participant comprenant les slides sur la théorie, les exercices.
• Une feuille d'émargement par demi-journée de présence est fournie en fin de formation ainsi qu'une attestation de fin de formation si le stagiaire a bien assisté à la totalité de la session.

• Comprendre l'architecture d'une application Angular moderne
• Maîtriser les fondamentaux de TypeScript utiles à Angular
• Créer, configurer et exécuter un projet avec Angular CLI
• Concevoir des composants standalone et organiser une application
• Utiliser templates, binding, contrôle de flux et Signals
• Créer des services et mettre en œuvre l'injection de dépendances
• Configurer le routing, les guards et le lazy loading
• Consommer des API REST et tester une application Angular

• Développeurs, architectes, chefs de projets techniques

• Une connaissance des technologies Web (HTML, CSS) est impérative pour suivre cette formation dans de bonnes conditions.
• Une connaissance de JavaScript moderne (ES6+) est souhaitable. Une première pratique de TypeScript est un plus mais n'est pas obligatoire.
• Afin de valider les compétences et les pré-requis de chaque participant, en amont de la formation, le formateur organise un entretien téléphonique. Il confirme alors que le participant a le niveau nécessaire et que le contenu répond bien à ses attentes.

Le formateur est un expert du domaine qui intervient sur le sujet depuis plusieurs années en formation mais aussi en conseil.

Doté d'une grande qualité d'écoute, sa pédagogie et sa compétence technique vous permettront d'acquérir les compétences sur Angular.

Il saura alterner entre théorie, pratique, et retours d'expérience.

Présentation d'Angular

• Écosystème Angular et cycle de versions
• Architecture moderne et composants standalone
• Création d'une première application
• Angular CLI, workspace et outils de développement

TypeScript JumpStart

• Types, interfaces et inférence
• Classes, fonctions et génériques utiles à Angular
• Modules ES, imports/exports et async/await
• Décorateurs et typage strict
• Compilation TypeScript et configuration du projet

Construire une application Angular moderne

• Bootstrap avec standalone components
• Structure, configuration et organisation du code

Composants, directives et cycle de vie

• Anatomie d'un composant standalone
• Cycle de vie, injection avec inject() et dépendances
• Communication entre composants : input(), output() et model()

Templates, contrôle de flux et pipes

• Interpolation, expressions et binding
• Contrôle de flux moderne : @if, @for et @switch
• Pipes, variables de template et vues différées avec @defer

Réactivité et Data Binding avec Signals

• Signals : signal(), computed() et effect()
• Linked signals, inputs et modèles réactifs
• Event binding, two-way binding et directives
• Interopérabilité Signals / RxJS

Performance et Change Detection

• OnPush
• Zoneless
• Bonnes pratiques

Routing moderne

• Configuration du Router et navigation
• Routes imbriquées, paramètres et résolution de données
• Guards fonctionnels et gestion des accès
• Lazy loading et chargement à la demande
• Gestion des erreurs et stratégies de navigation
• Préchargement et bonnes pratiques de performance

Gestion des formulaires

• Reactive Forms, Template-Driven Forms et Signal Forms
• Validation, messages d'erreur et formulaires typés
• Signal Forms : modèle, FieldTree et validation par schéma
• Création de contrôles et gestion de l'état du formulaire

Build, rendu et déploiement

• Build moderne avec Angular CLI et optimisation des bundles
• SSR, SSG, hydration et rendu par route

Tests unitaires et E2E avec Angular

• Stratégie de tests et testabilité des composants
• Vitest avec Angular CLI et TestBed
• Tests de composants, services, routing et Signals
• Tests HTTP avec provideHttpClientTesting()
• Tests E2E : principes et outils modernes (Playwright/Cypress)

Notions avancées et écosystème Angular

• Internationalisation (i18n)
• Angular Material / CDK et accessibilité
• Progressive Web Application
• Angular SSR, hydration incrémentale et @defer

2200 € HT

Le distanciel est une modalité que nous pratiquons couramment.

Retengr vous permet aussi de suivre cette formation à distance, sous forme de classe virtuelle (6 participants maximum), avec un formateur expert sur le sujet. La formation se déroule via une connexion en visio conférence (ZOOM, GoogleMeet, Teams ou autres) et vous permet d'alterner théorie et pratique de façon accompagnée ou autonome, le tout dans le respect des objectifs pédagogiques et des évaluations des acquis.

Les émargements, évaluations, attestation de formation, remises des supports de cours et autres documents se feront en ligne.

En ce qui concerne le matériel informatique du participant, il est seulement préconisé un ordinateur et une connexion internet. Nous nous chargeons du reste.

Chaque participant se verra attribuer une Machine Virtuelle qui sera exécutée dans le Cloud d'Amazon. Il disposera alors de la puissance et des outils nécessaires pour le bon déroulement de la formation. Aucune installation de la part du participant n'est requise avant la formation.

Une journée type de formation à distance se décompose de la façon suivante :

Matin :

• 2h de théorie en visioconférence
• 10 à 15 minutes de présentation d'exercices en visio
• 1h de TP en autonomie avec possibilité de solliciter le formateur (partage d'écran à distance pour une assistance efficace).

Après-midi :

• 2h de théorie en visioconférence
• 10 à 15 minutes de présentation d'exercices en visio
• 1h de TP en autonomie avec possibilité de solliciter le formateur (partage d'écran à distance pour une assistance efficace).