iT邦幫忙

鐵人檔案

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

TypeScript 三十天學習日記 系列

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

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

Day 11 Generics Part 1

Generics 可以在我們定義型別時給予其他對於型別的資訊,例如說我們因為不確定會傳進 function 的是什麼型別,所以先給一個通用型別,等要呼叫該 fu...

2021-09-26 ‧ 由 Claire 分享
DAY 12

Day 12 Generics Part 2

今天要介紹的是 generic classes 上面可以看到出現了很多錯誤,因為 data、item 都沒有定義型別,TypeScript 不知道傳進來的東西到...

2021-09-27 ‧ 由 Claire 分享
DAY 13

Day 13 Decorator Part - 1

今天要介紹的是 Decorator,會先介紹用法之後再來看看為甚麼要用這個,因為該章節一開始的介紹大約是在說 Decorator 雖然並不會對頁面或是使用者有直...

2021-09-28 ‧ 由 Claire 分享
DAY 14

Day 14 Decorator Part - 2

今天要來介紹 Decorator Factory,它可以讓 Decorator 有更多的可能性,撰寫的方法是在 Decorator 外面再包裹一層 functi...

2021-09-29 ‧ 由 Claire 分享
DAY 15

Day 15 Decorator Part - 3

今天來實作一個 Decorator 的例子,當我們在畫面上有一個按鈕,想要透過點擊該按鈕觸發 showMessage() 顯示 Printer 實例裡面的 me...

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

Day 16 中場休息,來做點酷東西

好的,Max 的課程進行到這邊,是時候來休息一下,整合前面所學的東西了。要來做的是一個可以讓使用者新增專案的小專案~ 專案的結構長這樣: HTML 的 head...

2021-10-01 ‧ 由 Claire 分享
DAY 17

Day 17 中場休息,來做點酷東西(取值 & 驗證)

那我們繼續吧! 上面做了取得 DOM 元素,也就是三個 input 的值的動作: 在 class 設置 field 把抓取到的 DOM 元素存到相對應的 f...

2021-10-02 ‧ 由 Claire 分享
DAY 18

Day 18 中場休息,來做點酷東西(狀態管理)

中場休息的第三天~繼續接著做 在取到值之後,接著要做的就是把它渲染到專案清單上啦!上面做的事情跟中場休息第一天做的事情一樣,把 Project list 的表...

2021-10-03 ‧ 由 Claire 分享
DAY 19

Day 19 Libraries & TypeScript

前面中場休息的 Project 今天暫且休一天,來介紹一下可以在 JavaScript 跟 TypeScript 使用以及只有 TypeScript 能夠使用的...

2021-10-04 ‧ 由 Claire 分享
DAY 20

Day 20 中場休息,來做點酷東西(型別修正跟除點小蟲)

今天做了幾件小事 定義 Project 的型別 class 增加 Project 的狀態 定義 Listener 的型別 增加新 Project...

2021-10-05 ‧ 由 Claire 分享