Design Patterns in JavaScript: Getting Started

Course: 1 Hour, 17 Minutes

• Course Overview
• What Is a Pattern?
• Introducing Principles of Good Design
• Exploring Principles of Good Design
• Anti-patterns
• Programming Anti-patterns
• JavaScript Anti-patterns
• Types of Design Patterns
• MacOS: Installing Node.js and npm
• Windows: Installing Node.js and NPM
• Course Summary

Design Patterns in JavaScript: Constructor, Factory, & Abstract Factory Creational Patterns

Course: 1 Hour, 33 Minutes

• Course Overview
• The Constructor Pattern
• The Object Literal Notation
• Assigning Properties and Functions
• Using Object.create() and new Object()
• Functions to Construct Objects
• ES6 Classes to Construct Objects
• The Factory and Abstract Factory Pattern
• Defining Classes to be Created
• Setting Up Helpers for the Factory Pattern
• Implementing the Factory Pattern
• Setting up Constructors and Factories
• Immediately-invoked Functions for Abstract Factory
• Implementing the Abstract Factory Pattern
• Course Summary

Design Patterns in JavaScript: Singleton, Prototype, & Builder Creational Patterns

Course: 1 Hour, 20 Minutes

• Course Overview
• The Singleton Pattern
• Setting up the Singleton Pattern
• Implementing the Singleton Pattern
• The Prototype Pattern
• Implementing the Prototype Pattern
• Best Practices for the Prototype Pattern
• The Prototype Pattern without Object.create()
• The Builder Pattern
• Implementing the Builder Pattern
• Using the Builder Pattern to Construct Objects
• Implementing the Builder Pattern in jQuery
• Exploring the Builder Pattern in jQuery
• Course Summary

Design Patterns in JavaScript: Module, Revealing Module, Façade, Decorator, & Mixin Structural Patterns

Course: 2 Hours, 24 Minutes

• Course Overview
• The Module and Revealing Module Patterns
• Module Pattern with Private Variables
• Module Pattern with Private Functions
• The Revealing Module Pattern
• Best Practices for the Revealing Module Pattern
• The Façade Pattern
• Setting up the Façade
• Implementing the Façade Pattern
• Making AJAX Requests without a Façade
• Using a Façade for AJAX Requests
• The Decorator Pattern
• Setting up the Decorator Functions
• The Decorator for Dynamic Customizations
• Setting up React Decorator Components
• Using React Components as Decorators
• The Mixin Pattern
• Using Mixins in Underscore.js
• Simulating Multiple Inheritance Using Mixins
• Implementing the Mixin Pattern
• Course Summary

Design Patterns in JavaScript: Flyweight, Adapter, Composite, & Proxy Structural Patterns

Course: 2 Hours, 3 Minutes

• Course Overview
• The Flyweight Pattern
• Event Handling in the Browser
• Inefficient Memory Usage without Flyweights
• Sharing Memory with Flyweights
• Individual Event Handlers without Flyweights
• Centralized Event Handling with Flyweights
• The Adapter Pattern
• Specialized Checks without the Adapter
• Consistent Interface with the Adapter
• The Composite Pattern
• The Composite Pattern in jQuery
• The Proxy Pattern
• Using a Proxy to Cache Data
• Executing Functions with the Right Context
• Using a Proxy to Specify Context
• Course Summary

Design Patterns in JavaScript: Observer & Iterator Behavioral Patterns

Course: 1 Hour, 19 Minutes

• Course Overview
• The Observer Pattern
• Setting up Publishers and Subscribers
• Publishing and Receiving Messages
• The Observer Pattern in Event Handling
• Triggering Custom Events in jQuery
• The Observer Pattern with Custom Events
• The Iterator Pattern
• Setting up the Iterator Mixin
• Iterating over the Elements in a Collection
• Iterators in jQuery
• Course Summary

Design Patterns in JavaScript: Mediator, State, & Command Behavioral Patterns

Course: 1 Hour, 14 Minutes

• Course Overview
• The Mediator Pattern
• Setting up the Mediator
• Using the Mediator
• The State Pattern
• Setting up the State Pattern
• Implementing the State Pattern in React
• Valid and Invalid State Transitions
• The Command Pattern
• Implementing the Command Pattern
• Executing and Undoing Commands
• Course Summary