02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School

Creational design patterns

Creational design patterns are design patterns that relate to the creation of objects. In this section we will explore the core creational design patterns and among them the: Singleton, Factory, Abstract Factory, Builder and the Prototype design pattern.

Duration: 53:36

Dependency warningThis course builds on concepts from My First Design Patterns.
Advanced Level
Advanced Level
Blazing Fast
Blazing Fast

Created with

Ben Fhala

Ben Fhala

Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.

Creational design patterns Overview

What you'll learn

In the first section of this title we will get to know what design patterns are and the logic that stands behind them. By the end of this section you will have a good grasp of the core JavaScript design patterns under your belt and clear understanding of the role that design patterns have in web development.

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!

Singleton Design Pattern

- Delayed instantiation of an object. - A constant interface to gain access to the object. - Only one instance of the object is needed.

13:56

Factory Design Pattern

- When we need to have more control on customizing an item. - Removes the need for the implementing object to know how to implement. - Makes it easy to update and add more versions or updates of the

06:32

Abstract Factory Design Pattern

- When you need implementation of your factory to be more dynamic. - Only logical when it's expected to enable developers to extend functionality. - Avoid over complication when this usage is not n

10:04

Builder Design Pattern

- The jQuery $ method is a builder. - Multiple objects are needed. - Many steps are needed.

12:36

Builder Design Pattern Continued

- Fully integrating our builder into our Singleton. - See the builder in action. - Send you off to do some homework.

05:08

Prototype Design Pattern

- More efficient on memory to reuse methods. - Built in to the language capabilities. - Very easy to implement.

05:20

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!