Design_Patterns_Angular13 for all the classes
- 1. Design Patterns en Angular 13 Introduction et Exemples Pratiques Présenté par Mohamed KAS
- 2. Introduction aux Design Patterns • ➡️Un Design Pattern est une solution réutilisable à un problème récurrent en développement logiciel. • 📌 En Angular 13, les Design Patterns permettent de structurer le code et d'améliorer la maintenabilité. • ✅ Catégories principales : • - Créationnels (gestion des objets)
- 3. Catégories des Design Patterns • 🎨 **Créationnels** : Gèrent la création des objets • - Singleton • - Factory • - Builder • ️ 🏗️**Structurels** : Organisent le code et les objets • - Adapter
- 4. Singleton Pattern • Assure une seule instance d’un service. • Ex: Service UserService partagé entre composants.
- 5. Factory Pattern • Crée des objets dynamiquement. • Ex: UserFactory pour instancier Étudiant, Professeur, Personnel.
- 6. Builder Pattern • Construit un objet étape par étape. • Ex: UserBuilder pour configurer un utilisateur.
- 7. Adapter Pattern • Adapte une API externe pour Angular. • Ex: UserAdapter transforme JSON en objets User.
- 8. Decorator Pattern • Ajoute des fonctionnalités sans modifier la classe. • Ex: HighlightStudentDirective pour surligner les étudiants.
- 9. Facade Pattern • Simplifie l’accès aux services. • Ex: UserFacade regroupe UserService et AuthService.
- 10. Observer Pattern • Réagit aux changements en temps réel. • Ex: UserObservableService avec RxJS pour suivre les ajouts d’utilisateurs.
- 11. State Pattern • Gère les changements d’état. • Ex: UserState (INSCRIT, ACTIF, SUSPENDU).
- 12. Command Pattern • Encapsule une action pour l’annuler. • Ex: AddUserCommand pour gérer l’ajout/suppression d’un utilisateur.