序

哈囉，大家好！我是一位剛出社會的新鮮前端工程師，從學生時期接觸網頁到現在，一直沒有一套完整的學習計畫，且在網頁語言上，也是走一步算一步，秉持著遇到問題再解決的想法，所以一直沒有很完整了解JS，在TypeScript嚴謹且接近兒時成長時的物件導向語言，正是我們學習的好對象。身為網頁相關的工程師，也是可以好好了解自己工作的語言，何樂而不為？

什麼是TypeScript?

JavaScript that scales.

意指可讓Javascript撰寫大型架構或商業邏輯的應用。
強型別、泛型、多型等等...是TypeScript的特色，也是強化JS的一大步，可完整概括ES5、ES6。
目前Angular已經改為TypeScript。

什麼是Design Pattern?

簡略講一下，就像是我們玩遊戲或是某些運動競賽，都會有一些連續技或是奇巧淫技，Design Pattern就類似這種感覺，可能小朋友齊打交，防上跳可以把敵人打離地面，接著可以接一招防前攻，擊飛敵人。大概是這種感覺，也就是如何透過物件導向語言賦予的功能，達到高維護性、彈性大的程式架構的設計方法。

為何選擇TypeScript？Design Pattern?

因為TypeScript嚴謹而不失彈性、顧前顧後，在較嚴謹的狀況下較能產出高維護性，好的程式架構。而且平常工作偶爾會接觸到，我認為剛好透過這機會好好學習真的是相當不錯。
至於為何不選擇實作一專案或是其他項目，反而選一個Design Pattern。其實在沒有透徹了解語言上，在生態活躍的狀況下，一定會到處找、到處摸，用一坨套件，最後還是不知道怎麼做到的。所以我認為抽離這些，在純粹的環境狀況下，實現設計模式，就是最好的學習方式，且重新複習設計模式，剛好可以顧根呢！

30Days大綱

• TypeScript 型態、繼承
• 物件導向SOLID 耦合、內聚
• Design Pattern - 23
• 微型專案

工具

本文都是使用VisualStudio Code進行撰寫，且搭配Github紀錄。
IT30Days出發吧阿灝仔

參考資料

typescriptlang.org
TypeScript 特色與歷史簡介