Design Patterns in TypeScript

5h 6m 3s
English
Paid

Learn All of the 23 GoF (Gang of Four) Design Patterns and Implemented them in TypeScript. Design Patterns are descriptions or templates that can be repeatedly applied to commonly recurring problems during in software design. A familiarity of Design Patterns is very useful when planning, discussing, managing and documenting your applications from now and into the future.

Read more about the course

Also, throughout the course, as each design pattern is discussed and demonstrated using example code, I introduce new TypeScript coding concepts along with each new design pattern. So that as you progress through the course and try out the examples, you will also get experience and familiarity with some of the finer details of programming with TypeScript.

In this course, you will learn about these 23 Design Patterns, 

  • Creational

    • Factory

    • Abstract Factory

    • Builder

    • Prototype

    • Singleton

  • Structural

    • Decorator

    • Adapter

    • Facade

    • Bridge

    • Composite

    • Flyweight

    • Proxy

  • Behavioral

    • Command

    • Chain of Responsibility

    • Observer Pattern

    • Interpreter

    • Iterator

    • Mediator

    • Memento

    • State

    • Strategy

    • Template

    • Visitor

In the list of patterns above, there are Creational, Structural and Behavioral patterns.

  • Creational : Abstracts the instantiation process so that there is a logical separation between how objects are composed and finally represented.

  • Structural : Focuses more on how classes and objects are composed using the different structural techniques, and to form structures with more or altered flexibility.

  • Behavioral : Are concerned with the inner algorithms, process flow, the assignment of responsibilities and the intercommunication between objects.

Design patterns will give you a useful and common vocabulary for when designing, documenting, analyzing, restructuring new and existing software development projects from now and into the future.

Watch Online Design Patterns in TypeScript

Join premium to watch
Go to premium
# Title Duration
1 Development Environment Setup 05:21
2 Course Code 08:07
3 Getting Started 08:46
4 Adding tsconfig.json 08:47
5 TSC Watch 03:13
6 Let/Const 02:40
7 Common Types 02:10
8 Strings 01:55
9 Boolean 02:29
10 Number 02:08
11 Array 06:59
12 Dictionary 07:24
13 Tuple 02:31
14 Set 03:50
15 Classes 05:17
16 Interfaces 05:42
17 Abstract Classes 07:02
18 Access Modifiers 06:14
19 Static Members 06:22
20 ES6 Imports/Exports 05:38
21 UML Diagrams 05:15
22 Factory Pattern 05:25
23 Factory Use Case 05:04
24 Abstract Factory Pattern 03:52
25 Abstract Factory Use Case 03:09
26 Builder Pattern 03:03
27 Builder Use Case 04:20
28 Prototype Pattern 05:38
29 Prototype Use Case 06:31
30 Singleton Pattern 03:49
31 Singleton Use Case 03:27
32 Decorator Pattern 02:51
33 Decorator Use Case 05:07
34 Adapter Pattern 04:26
35 Adapter Use Case 06:10
36 Facade Pattern 02:14
37 Facade Use Case 03:57
38 Bridge Pattern 05:05
39 Bridge Use Case 02:01
40 Composite Pattern 06:05
41 Composite Use Case 02:57
42 Flyweight Pattern 05:23
43 Flyweight Use Case 04:03
44 Proxy Pattern 03:51
45 Proxy Use Case 05:49
46 Command Pattern 04:38
47 Command Use Case 04:16
48 Chain of Responsibility Pattern 04:11
49 Chain of Responsibility Use Case 04:01
50 Observer Pattern 04:55
51 Observer Use Case 04:53
52 Interpreter Pattern 10:12
53 Interpreter Use Case 05:00
54 Iterator Pattern 03:07
55 Iterator Use Case 03:12
56 Mediator Pattern 02:45
57 Mediator Use Case 03:34
58 Memento Pattern 04:19
59 Memento Use Case 03:43
60 State Pattern 03:02
61 State Use Case 02:57
62 Strategy Pattern 04:03
63 Strategy Use Case 02:37
64 Template Method 04:24
65 Template Method Use Case 03:53
66 Visitor Pattern 05:44
67 Visitor Use Case 02:59
68 Summary 01:31

Similar courses to Design Patterns in TypeScript

Master Custom React Hooks with TypeScript

Master Custom React Hooks with TypeScriptfullstack.io

Category: TypeScript, React.js
Duration 2 hours 21 minutes 3 seconds
TypeScript Fundamentals

TypeScript Fundamentalsultimatecourses.com

Category: TypeScript
Duration 2 hours 54 minutes 15 seconds
Angular Architecture. How to Build Scalable Web Applications

Angular Architecture. How to Build Scalable Web Applicationsudemy

Category: Angular, TypeScript, Firebase
Duration 7 hours 34 minutes 45 seconds
React and NodeJS: A Practical Guide with Typescript

React and NodeJS: A Practical Guide with Typescriptudemy

Category: TypeScript, React.js, Node.js
Duration 6 hours 54 minutes 59 seconds
React and Typescript: Build a Portfolio Project

React and Typescript: Build a Portfolio ProjectudemyStephen Grider

Category: TypeScript, React.js
Duration 29 hours 21 minutes 48 seconds
Mastering Next.js 13 with TypeScript

Mastering Next.js 13 with TypeScriptcodewithmosh (Mosh Hamedani)

Category: TypeScript, Next.js
Duration 5 hours 16 minutes 33 seconds
TypeScript Bootcamp: Zero to Mastery

TypeScript Bootcamp: Zero to Masteryzerotomastery.io

Category: TypeScript
Duration 9 hours 31 minutes 59 seconds