Training: Design Patterns in JavaScript

Explore the principles of good design and the three main categories of design patterns. Examine anti-patterns, including their uses and what to avoid while writing code. Discover how to install NodeJS and NPM for MacOS and Windows.

Explore the constructor, factory, and abstract factory creational patterns in JavaScript. Examine how to use constructors to create and initialize objects and how to use the factory and abstract factory to create different kinds of objects.

Discover how to implement the Singleton, Prototype, and Builder patterns in JavaScript. Examine how the Singleton pattern is used for single object instantiation, how the Prototype pattern is used for cloning, and how the Builder pattern is used to construct complex objects.

• Discover how to implement common structural design patterns.

• Explore the Module and Revealing Module patterns, including how to
• implement private variables and functions with the Module pattern
• and best practices for using the Revealing Module pattern. Examine
• how to set up helpers for the Façade pattern, how to implement it,
• and how to use it for AJAX requests. Delve into the use of the
• Decorator pattern, including how to set up its functions and how to
• use it for dynamic customizations. Using the Mixin pattern in
• Underscore.js and for simulating multiple inheritance is also
• covered.

• Discover how to implement the Flyweight, Adapter, Composite, and

• Proxy patterns to model structure between the components in your
• system. Examine inefficient memory usage, sharing memory, and
• centralized event handling with the Flyweight pattern. Explore the
• possible burden on a client when the Adapter pattern isn't used and
• how to provide a consistent interface using an adapter. Using the
• Composite pattern in jQuery, and using the Proxy pattern to cache
• data and specify context are also covered.

• Discover how to implement the Observer pattern for communication

• and the Iterator pattern to work with collections. Examine how to
• set up publishers and subscribers and the role of the Observer
• pattern in event handling. Triggering custom events in jQuery,
• using the Observer pattern with custom events, iterating over
• elements in a collection, and using Iterators in jQuery is also
• covered.

Explore the Mediator, State, and Command behavioral design patterns, including how to implement them for modeling communication between components. Discover how to perform valid state transitions, implement the State pattern in React, and execute and undo commands.