第 10 屆 iT邦幫忙鐵人賽::TypeScript 學習之路並實現 Gof 23 Design Pattern

題目

TypeScript 學習之路並實現 Gof 23 Design Pattern

組別

自我挑戰組

說明

懵懵懂懂的接觸了JS也好幾個年頭了，始終會寫出很難維護的程式，剛進入職場趁著還有空之餘，以大學時代接觸的設計模式來當作JS學習的一個挑戰，TS具備強型別且嚴謹的語法，且具有interface、單一繼承、泛型，等等現代物件導向語言具備的功能。TS如此完整何不拿來學以致用呢。

至於為什麼會選如此無趣的主題，原因是我並不想花太多時間探索以及看一大堆教學文章，最終才了解這語言的撰寫風格，希望能從直接攻心，從實現最標準的Desgin Pattern來達到訓練TS撰寫風格，一方面也是這題目相對偏向觀念以及語言直接結合，但可能有時候比較學術情境的狀況，並不符合實務狀況，就各方面還是要都嘗試一下哈哈

目錄D

• Day1:TypeScript 學習之路並實現 GOF 23 Design Pattern (1)：關於本文
• Day2:TypeScript - Design Pattern(02) ：TypesScript基礎介紹
• Day3:TypeScript - Gof 23 Design Pattern(03) ：物件導向SOLID 耦合內聚
• Day4:TypeScript - Gof 23 Design Pattern (04)：Interface 1/2
• Day5:TypeScript - Gof 23 Design Pattern (05)：Interface 2/2
• Day6:TypeScript - Gof 23 Design Pattern (06)：Variable Declarations
• Day7:TypeScript - Gof 23 Design Pattern (07)：Singleton pattern
• Day8:TypeScript - Gof 23 Design Pattern (08)：Facade Pattern
• Day9:TypeScript - Gof 23 Design Pattern (09)：Mediator Pattern
• Day10:TypeScript - Gof 23 Design Pattern (10)：Prototype Pattern
• Day11:TypeScript - Gof 23 Design Pattern (11)：Flyweight Pattern
• Day12:TypeScript - Gof 23 Design Pattern (12)：Factory Pattern
• Day13:TypeScript - Gof 23 Design Pattern (13)：State Pattern
• Day14:TypeScript - Gof 23 Design Pattern (14)：Observer Pattern
• Day15:TypeScript - Gof 23 Design Pattern (15)：Composite Pattern
• Day16:TypeScript - Gof 23 Design Pattern (16)：Command Pattern
• Day17:TypeScript - Gof 23 Design Pattern (17)：Strategy Pattern
• Day18:TypeScript - Gof 23 Design Pattern (18)：Decorator Pattern
• Day19:TypeScript - Gof 23 Design Pattern (19)：Bridge Pattern
• Day20:TypeScript - Gof 23 Design Pattern (20)：Proxy Pattern
• Day21:TypeScript - Gof 23 Design Pattern (21)：Memento Pattern
• Day22:TypeScript - Gof 23 Design Pattern (22)：Adapter Pattern
• Day23:TypeScript - Gof 23 Design Pattern (23)：Template Pattern
• Day24:TypeScript - Gof 23 Design Pattern (24)：Builder Pattern
• Day25:TypeScript - Gof 23 Design Pattern (25)：Iterator Pattern
• Day26:TypeScript - Gof 23 Design Pattern (26)：Chain of Responsibility Pattern
• Day27:TypeScript - Gof 23 Design Pattern (27)：Interpreter Pattern
• Day28:TypeScript - Gof 23 Design Pattern (28)：Visitor Pattern
• Day29:TypeScript - Gof 23 Design Pattern (29)：Abstract Factory Pattern
• Day30:TypeScript - Flux Design Pattern (30)：Flux Pattern