Prérequis
Bases solides en JavaScript, prototypes et closures, asynchrone (Promises/async-await), compréhension d’objets.
Durée
2 jours
Contenu Technique de la Formation
Maîtrisez les design patterns fondamentaux et avancés en JavaScript : Singleton, Factory, Builder, Observer, Strategy et Decorator. Explorez le Module pattern, IIFE, Revealing Module, Pub/Sub, closures, prototypes et patterns MVC/MVVM pour architectures robustes.
- Singleton et Factory patterns — instanciation contrôlée
- Builder pattern — construction d’objets complexes
- Observer et Pub/Sub patterns — événements et notifications
- Strategy et Decorator patterns — comportement dynamique
- Module pattern, IIFE et Revealing Module — encapsulation
- Closures, prototypes et patterns MVC/MVVM en JavaScript
Objectifs de la Formation
Les objectifs visés par cette formation sont :
- Implémenter Singleton et Factory pour gestion d’instances
- Construire objets complexes avec Builder pattern
- Architecturer systèmes d’événements avec Observer et Pub/Sub
- Appliquer Strategy et Decorator pour comportements dynamiques
- Encapsuler avec Module pattern et Revealing Module
- Structurer applications avec MVC/MVVM en JavaScript pur
Table des Matières
Creational Patterns : Singleton et Factory
- Singleton — instance unique avec lazy initialization
- Module Singleton avec IIFE et closures
- Factory pattern — création d’objets polymorphes
- Abstract Factory et variantes
- Registry pattern et object pools
Builder et objet complexes
- Builder pattern — séparation construction/représentation
- Fluent interface et chaîning de méthodes
- Immutable objects et copie défensive
- Telescoping constructor vs builder
- Variantes : Prototype cloning
Observer et Pub/Sub patterns
- Observer pattern — sujets, observateurs et notifications
- Pub/Sub découplement complet — topics et channels
- Événements natifs vs implémentation custom
- Gestion des subscriptions et memory leaks
- Weak references et garbage collection
Strategy et Decorator patterns
- Strategy pattern — encapsulation d’algorithmes
- Context et sélection de stratégie dynamique
- Decorator pattern — enrichissement d’objets
- Différence Decorator vs Inheritance et Composition
- Chaînage de décorateurs et ordre d’application
Module Pattern et encapsulation
- Module pattern avec IIFE et closures
- Private et public members — encapsulation
- Revealing Module pattern — interface explicite
- Namespace et modules globaux
- Dépendances et injection de modules
MVC/MVVM et patterns architecturaux
- Modèle-Vue-Contrôleur en JavaScript pur
- Séparation responsabilités et communication
- Modèle-Vue-ViewModel et data-binding
- Deux-way binding et reactivité
- Routage frontend et gestion d’état
En Pratique
Singleton et Factory : création contrôlée d'objets
- Implémenter Singleton avec lazy loading et vérification d'instance unique
- Construire une Factory d'objets polymorphes avec Registry pattern
Builder et construction d'objets complexes
- Créer un Builder avec fluent interface et chaînage de méthodes
- Comparer Builder vs Telescoping constructor sur un cas concret
Observer et Pub/Sub : système d'événements
- Architecturer un système Observer/Pub-Sub avec gestion des subscriptions
- Gérer les memory leaks avec weak references
MVC pur en JavaScript
- Construire une application MVC avec modèle, vues et contrôleur séparés
- Implémenter data-binding et réactivité MVVM
Modalités et Inscription
Cette formation est proposée selon deux formules pour s'adapter au mieux à vos besoins :
Session régulière
Des sessions sont organisées à intervalles réguliers. Demandez les prochaines dates planifiées pour vous inscrire à la prochaine session.
Sur mesure & intra-entreprise
Vous souhaitez former vos équipes directement dans vos locaux ou adapter le programme technique à votre contexte d'entreprise ? Contactez-nous pour obtenir un devis personnalisé.