iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
自我挑戰組

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

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

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

鐵人鍊成 | 共 30 篇文章 | 37 人訂閱 訂閱系列文 RSS系列文
DAY 1

TypeScript - Gof 23 Design Pattern(01):關於本文

序 哈囉,大家好!我是一位剛出社會的新鮮前端工程師,從學生時期接觸網頁到現在,一直沒有一套完整的學習計畫,且在網頁語言上,也是走一步算一步,秉持著遇到問題再解決...

DAY 2

TypeScript - Gof 23 Design Pattern(02) :TypesScript基礎介紹

前言 今天先來輕鬆的基礎型態吧! Typescript Version 3.1 基本型態 Boolean 一如往常的布林本人 let isDone: boole...

DAY 3

TypeScript - Gof 23 Design Pattern(03) :物件導向SOLID 耦合內聚

前言 今天好疲累一定是因為星期三,暫時先發概念的物件導向,明天開始再來看TypeScript。 本章目的 可以了解物件導向的需求以及設計原則,讓就算沒有行遍萬里...

DAY 4

TypeScript - Gof 23 Design Pattern (04):Interface 1/2

前言 今天本來要先來看一下Var、Let的差異,但下班有點耽誤怕時間不夠。今天介紹瀏覽一下 Interfaces吧! Interfaces 介紹 官網HandB...

DAY 5

TypeScript - Gof 23 Design Pattern (05):Interface 2/2

前言 今天是輕鬆星期五,就繼續完成Interface吧,今天工作上遇到了一些CSS弔詭的問題,晚點再來研究研究。註記,此篇日後得翻修 Interfaces D...

DAY 6

TypeScript - Gof 23 Design Pattern (06):Variable Declarations

前言 今天是舒服的星期六,參加了一場Webpack的活動受益良多,於是今天繼續... Variable Declarations 說明 let和var是jav...

DAY 7

TypeScript - Gof 23 Design Pattern (07):Singleton Pattern

前言 今天終於開始了Pattern!第一個是Singeton Pattern! Singleton pattern 說明 目的:保證某個類(class)只會產...

DAY 8

TypeScript - Gof 23 Design Pattern (08):Facade Pattern

前言 今天是上班日的第一天,好累.. 今天就來個Facade Pattern!! Facade Pattern 說明 隨著系統規模越來越大,子系統也越來越大,...

DAY 9

TypeScript - Gof 23 Design Pattern (09):Mediator Pattern

前言 明天是國慶日,該不該去領雙倍薪水上班呢?今天介紹的是 MediatorPattern中介者模式。 Mediator Pattern 說明 Mediato...

DAY 10

TypeScript - Gof 23 Design Pattern (10):Prototype Pattern

前言 中華民國生日快樂!台中的國慶日好像沒有很多國旗。今天來個Prototype Pattern吧! Prototype Pattern 說明 Prototy...