Skip to content

tcorral/Design-Patterns-in-Javascript

es6
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
April 23, 2016 16:14
May 2, 2018 15:05
April 15, 2018 14:07
April 24, 2016 02:14
April 23, 2016 22:54
April 23, 2016 22:54
April 21, 2016 02:42
May 3, 2018 21:23
April 23, 2016 22:54
MVC
April 23, 2016 22:54
April 23, 2016 22:54
April 23, 2016 22:54
April 23, 2016 22:54
April 23, 2016 22:54
April 23, 2016 22:54
April 15, 2018 14:12
April 23, 2016 22:54
April 23, 2016 22:54
April 23, 2016 22:54
April 21, 2016 22:38
April 19, 2016 02:49
May 3, 2018 21:24

Design Patterns in Javascript ES6

This will be a repository of how to use the Design Patterns from Gang of Four in your applications with Javascript.

Update:

  • Added Flyweight implementation.
  • Added Bridge implementation.
  • Added Prototype and Builder implementations.
  • All the Design Patterns have been refactored to ES6.
  • Added the Multi-Inheritance Design Patterns exclusive for ES6.
  • Added new Design Patterns exclusive from Javascript.
  • Added changes to index.html. Now you can check the code to be executed and the execution without open the console. Thanks -adamnbowen-

Design Patterns that you can find in this repository:

  • Adapter
  • Builder
  • Bridge
  • Chaining
  • Command
  • Composite
  • Composite Iterator
  • Compound (Use some design patterns together to solve a problem)
  • Decorator
  • Facade
  • Factory
  • Iterator
  • Lazy
  • Module
  • Module Revealed
  • Multi-Inheritance ES6
  • MVC
  • Namespace
  • Nullify
  • Observer
  • Prototype
  • Proxy
  • Singleton
  • State
  • Strategy
  • Template
  • Try-Finally

This repository contains a folder by each design pattern.

Inside these folders you can found, in some of them, other folders with numbers . This folders are the different steps to follow to arrive to the final resolution of the problem. You will understand it better if you have one copy of the book I recomend you before.

To transpile the code to ES5 you should execute gulp

Do you want to collaborate?

All constructive comments are welcome. I promise I will answer everyone.

Agreements

Head First Design Patterns

Pro Javascript Design Patterns __