Formation Angular - Avancé

Qualiopi

En centre

Non éligible CPF

Objectifs

Programme

Maîtriser les concepts avancés d’Angular
Concevoir et développer des applications complexes de manière autonome
Optimiser l’architecture des applications Angular
Mettre en place et gérer des tests unitaires et end-to-end
Utiliser RxJS pour la gestion avancée des flux de données
Appliquer les meilleures pratiques Angular pour un code maintenable et performant
Implémenter des solutions d'internationalisation
Maîtriser les différents types de formulaires et leur validation
Configurer et utiliser le routeur Angular
Utiliser les fonctionnalités avancées des signaux
Améliorer les performances des applications volumineuses

Introduction et Révisions
- Introduction à Angular
- Rappel des bases : Typescript
- TP fil rouge : Initialisation du projet
Architecture d’Angular
- MVC
- Organisation avec composants standalone
- ZoneJS et signaux
Observables et RxJS
- Concepts avancés des Observables
- Opérateurs courants et avancés
- Gestion des flux de données avec RxJS
Formulaires Avancés
- Reactive Forms et Dynamic Forms
- Validation personnalisée et gestion des erreurs
- Création de composants de formulaire réutilisables
Composants Avancés
- Cycle de vie détaillé des composants
- Techniques de communication inter-composants
- Projection de contenu avec ng-content
Services et Injection de Dépendance
- Création et gestion des services
- Injection hiérarchique et scopes
- Patterns de partage de données
HTTP et Sécurité
- Gestion des requêtes HTTP avec HttpClient
- Intercepteurs HTTP et gestion des erreurs
- Sécurité des applications Angular
Testing Angular
- Mise en place des tests unitaires avec Jasmine et Karma
- Tests end-to-end avec Cypress
- Stratégies de testing asynchrone
Routing Avancé
- Configuration avancée des routes
- Lazy-loading et préchargement des modules (dans le cas d’approches modulaires, maintenant dépréciées par Angular au profil de l’approche standalone components)
- Route guards et transitions de navigation

Optimisation des Performances
- Techniques de détection des changements
- Utilisation du pipe async
- Réduction des mises à jour du DOM
Industrialisation
- Configuration avancée de @angular/cli
- Compilation ahead-of-time (AOT) et just-in-time (JIT)
- Angular Universal pour le rendu côté serveur
Fonctionnalités avancées des signaux
- Comprendre les raisons de l’arrivée des signaux
- Savoir migrer son application 17- en 18+
- Comprendre la complémentarité des signaux avec RxJS
- Comprendre toutes les fonctionnalités des signaux dont les fonctionnalités expérimentales
Internationalisation
- Concepts et stratégies d’internationalisation
- Utilisation des outils Angular pour i18n
- Gestion des traductions et des formats
Mise en Production
- Bonnes pratiques pour le déploiement
- Optimisation du build
- Surveillance et maintenance post-déploiement
Conception et Accessibilité
- Design de composants avec Angular Material
- Ajout d’animations pour améliorer l’UX
- Pratiques d’accessibilité pour les applications Angular
Extensions et Outils Avancés
- Introduction aux Progressive Web Apps (PWA)
- Utilisation de NativeScript pour les applications mobiles
- Exploration d'Ionic pour les applications hybrides

Public visé

Cette formation Angular Avancé s'adresse à des développeurs disposant déjà des connaissances fondamentales sur Angular et qui désirent les approfondir.

Pour acquérir ces bases, nous recommandons de suivre d'abord la formation Angular : les fondamentaux.

Prérequis

Connaissance approfondie sur les concepts de programmation
Connaissance approfondie de JavaScript et de TypeScript
Connaissance fondamentale d’Angular

Modalités d'évaluation

À la fin de la formation Angular Avancé, chaque participant recevra :

une grille d’évaluation des compétences,
une attestation de fin de formation,
un certificat de réalisation.

Informations complémentaires

Cette formation couvre-t-elle les dernières versions et les mises à jour d'Angular ?

Oui, la formation Angular Avancé est constamment mise à jour pour inclure les dernières versions et les mises à jour d'Angular, assurant que vous apprenez les fonctionnalités et les pratiques les plus récentes.

Dois-je installer quelque chose sur mon ordinateur ?

Oui, avant de commencer la formation, vous devrez installer certains outils et logiciels. Une liste détaillée des prérequis vous sera fournie avant le début de la formation.