iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

TypeScript 三十天學習日記 系列

需要在短時間內快速上手 TypeScript,於是藉著參與鐵人賽來幫助自己更有動力的衝刺學習!

參賽天數 24 天 | 共 24 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文 團隊血汗攻城屍
DAY 1

Day 1 前言

剛轉職成功的前端菜雞第一次參賽,原本想簡單開心的每天寫一個小小的專案練習 JavaScript, CSS 跟 HTML 來當參賽文章,後來知道新的專案要使用沒學...

2021-09-16 ‧ 由 Claire 分享
DAY 2

Day 2 set up

今天要來介紹一下如何 set up TypeScript!請先到 TypeScript 的官網然後點選下載 即可用以下指令下載 TypeScript 的 com...

2021-09-17 ‧ 由 Claire 分享
DAY 3

Day 3 設定 tsconfig.json 檔

上一篇提到下了 tsc --init 指令之後會創建出一個 tsconfig.json 的檔案,這個檔案設定了你要如何編譯 TypeScript 的檔案,今天就...

2021-09-18 ‧ 由 Claire 分享
DAY 4

Day 4 基本型別 - part 1

今天要介紹 TypeScript 的基本型別,TypeScript 跟 JavaScript 一樣擁有最基本的幾種型別 Number、String、Boolea...

2021-09-19 ‧ 由 Claire 分享
DAY 5

Day 5 基本型別 - part 2

今天要介紹其他的型別,是原本的 JavaScript 沒有的,分別是 Tuple、Enum、Any、Uknown。 Tuple 型別一樣是陣列,不過是定義好陣列...

2021-09-20 ‧ 由 Claire 分享
DAY 6

Day 6 基本型別 - part 3

好的,接下來就來介紹剩下的型別~分別是 Union、Aliases、Literal。 Union 型別可以接受指定多種型別給參數,這邊延續 Day 4 的例子:...

2021-09-21 ‧ 由 Claire 分享
DAY 7

Day 7 Functions

今天要來對 function 來做深入一點的介紹。 如果想要把 function 存在變數裡,可以對該變數作更精確的 function 規範: function...

2021-09-22 ‧ 由 Claire 分享
DAY 8

Day 8 進階型別 - Part 1

今天要來介紹Intersection、Type guard。 Intersection 型別是把兩種定義好的 type 做合併,這在定義物件的時候滿方便的: t...

2021-09-23 ‧ 由 Claire 分享
DAY 9

Day 9 進階型別 Part - 2

今天要來介紹 Discriminated Union、Type casting、Index properties。 Discriminated Union 可以...

2021-09-24 ‧ 由 Claire 分享
DAY 10

Day 10 進階型別 Part - 3

今天要介紹的是 Function Overloads、Optional chaining、Nullish Coalescing Function Overloa...

2021-09-25 ‧ 由 Claire 分享