---
GA: G-7BSJTG7RYN
---
March 09, 2023 | Created
# 跑完 JS30 就接著認識 TypeScript 入門｜前言與目錄
開始正式走入前端時，前輩們都會說：
> 嘛~ JavaScript 先好好學一遍吧，基礎打穩再說

接著便跟著跑了一趟 [JavaScript30](https://javascript30.com)，對於實際應用也更上手了。

然而，科技始終不等人，前輩們又說了：
> 嘛~ [TypeScript](https://www.typescriptlang.org/docs) 認識一下吧，基礎打穩再說

於是，就誕生了這個系列筆記。

### 目錄
> [Day00：JavaScript 與 TypeScript](https://hackmd.io/@elzuoc/HJ9EDPv1n)
> [Day01：型別註記、型別斷言與型別推論](https://hackmd.io/@elzuoc/H1eItEny2)
> [Day02：型別系統 - 原始型別 Primitive Types](https://hackmd.io/@elzuoc/B1zeGU61n)
> [Day03：型別系統 - 物件型別 Object Types](https://hackmd.io/@elzuoc/SJhyv8612)
> [Day04：型別系統 - 明文型別 Literal Types 與 型別化名](https://hackmd.io/@elzuoc/rkcMxJJx3)
> [Day05：型別系統 - Never、Any、Unknown](https://hackmd.io/@elzuoc/Skd3Uree3)
> [Day06：型別系統 - 複合型別 Composite Types](https://hackmd.io/@elzuoc/rJRtRjUx3)
> [Day07：型別系統 - 泛用型別 Generic Types](https://hackmd.io/@elzuoc/BJie-0Le3)
> [Day08：型別系統 - 索引型別 Indexable Types](https://hackmd.io/@elzuoc/Hyf-oGue2)
> [Day09：認識介面 Interface](https://hackmd.io/@elzuoc/ryw1Am_xn)
> [Day10：認識類別 Class](https://hackmd.io/@elzuoc/HkSlRVueh)
> [Day11：認識類別 Class - 封裝 Encapsulation](https://hackmd.io/@elzuoc/HkVDUvFgh)
> [Day12：認識類別 Class - 封裝 Encapsulation -- Getter & Setter](https://hackmd.io/@elzuoc/S1EMtCRgn)
> Day13：認識類別 Class - 繼承 Inheritance
> Day14：認識類別 Class - 多型 Polymorphism
> Day ... 由於對 TS 還不熟悉，待筆者先把型別認識完，再來瞭解接下來還有什麼重點觀念要認識~

---
### Reference
- [讓TypeScript成為你全端開發的ACE！- Maxwell Huang](https://www.books.com.tw/products/0010859134)
- [讓 TypeScript 成為你全端開發的 ACE！ 系列 - 第 11 屆 iThome 鐵人賽](https://ithelp.ithome.com.tw/users/20120614/ironman/2685)
- [TypeScript Official Site](https://www.typescriptlang.org/docs)
---

> 系列：[`跑完 JS30 就接著認識 TypeScript 入門`](https://hackmd.io/@elzuoc?tags=%5B%22%E8%B7%91%E5%AE%8C+JS30+%E5%B0%B1%E6%8E%A5%E8%91%97%E8%AA%8D%E8%AD%98+TypeScript+%E5%85%A5%E9%96%80%22%5D)
> 下一篇：[Day00：JavaScript 與 TypeScript](https://hackmd.io/@elzuoc/HJ9EDPv1n)

###### tags: [`跑完 JS30 就接著認識 TypeScript 入門`](https://hackmd.io/@elzuoc?tags=%5B%22%E8%B7%91%E5%AE%8C+JS30+%E5%B0%B1%E6%8E%A5%E8%91%97%E8%AA%8D%E8%AD%98+TypeScript+%E5%85%A5%E9%96%80%22%5D)

###### 文章若有任何錯誤，還請不吝給予留言指正，謝謝大家！