https://github.com/tcorral/Design-Patterns-in-Javascript

Design Patterns applied to Javascript code.
https://github.com/tcorral/Design-Patterns-in-Javascript

Last synced: about 2 months ago
JSON representation

Design Patterns applied to Javascript code.

• Host: GitHub
• URL: https://github.com/tcorral/Design-Patterns-in-Javascript
• Owner: tcorral
• Created: 2011-09-20T09:51:58.000Z (about 13 years ago)
• Default Branch: es6
• Last Pushed: 2023-08-07T04:31:34.000Z (over 1 year ago)
• Last Synced: 2024-04-13T09:19:42.898Z (8 months ago)
• Language: JavaScript
• Homepage: http://tcorral.github.com/Design-Patterns-in-Javascript/
• Size: 1.27 MB
• Stars: 2,617
• Watchers: 136
• Forks: 529
• Open Issues: 34
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-starred - tcorral/Design-Patterns-in-Javascript - Design Patterns applied to Javascript code. (others)

README

        
# 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](http://www.amazon.com/First-Design-Patterns-Elisabeth-Freeman/dp/0596007124/ref=sr_1_1?ie=UTF8&qid=1316512770&sr=8-1)

[Pro Javascript Design Patterns](http://www.amazon.com/Pro-JavaScript-Design-Patterns-Object-Oriented/dp/159059908X)

__