iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

前端是該來學一下 TypeScript 了 系列

前幾天聽了 JSDC 針對 TypeScript 舉辦的直播後,身為廢廢前端的我,決定不要那麼廢,立馬換主題,開啟學習 TypeScript 30 天, 希望透過鐵人賽來督促自己進步~

鐵人鍊成 | 共 30 篇文章 | 55 人訂閱 訂閱系列文 RSS系列文 團隊Web 實驗室
DAY 21

Day21:【TypeScript 學起來】Generics 泛型

是說在社群到處都在爆雷的《魷魚遊戲》,我進度第一集,好想棄賽來追劇(我就廢然後謝謝沒看魷魚遊戲,不小心看到我文章的你~(還是你已經看完了 沒寫很好,當作筆記記...

DAY 22

Day22 : 【TypeScript 學起來】Generic Function 泛型函式

上一篇介紹了 Generic 泛型, 其實這篇差不多意思 XDD 主要針對 Generic Function。若有錯誤,歡迎留言指教,感恩的心。 Gene...

DAY 23

Day23 :【TypeScript 學起來】先了解 ES6 Class

因為我沒什麼用到 Class,這一篇會筆記 ES6 Class 的使用, 下一篇才會進到 TypeScript 中使用 class , 以及使用 class...

DAY 24

Day24 :【TypeScript 學起來】TypeScript 中使用 Class

今天來了解在 TypeScript 中使用 Class,Class Member 包含了: Fields 、 Readonly、Constructors、Me...

DAY 25

Day25 :【TypeScript 學起來】Class 的繼承、修飾符、abstract、static

今天繼續筆記class,剩最後5天了!若有錯誤,歡迎留言指教,感恩的心。 extends 繼承 這個跟JavaScript相同, 使用 extends 繼...

DAY 26

Day26 :【TypeScript 學起來】Class 與 Interface 的使用

我們在前面的時候有提過 interface 是用來定義物件的型別,對物件的形狀進行描述。在物件導向程式語言中,介面(Interfaces)是一個很重要的概念,它...

DAY 27

Day27 :【TypeScript 學起來】Module 模組

在ES6前, 常用的模組概念是 CommonJS , require 引入模組與 exports 匯出模組。 到了 ES6 則新增了 import 與 exp...

DAY 28

Day28 :【TypeScript 學起來】React + TypeScript 實作簡單 Todo App Part1

前面筆記了那麼多,終於來實作看看了~先來做個簡單的 to do app,也會紀錄實作上遇到的問題。 若有錯誤,歡迎留言指教,感恩的心。 環境安裝 使用 c...

DAY 29

Day29 :【TypeScript 學起來】React + TypeScript 實作簡單 Todo App Part2

今天繼續 todo app part2, 會紀錄實作上遇到的問題。 若有錯誤,歡迎留言指教,感恩的心。 TodoItem Component 新增 src...

DAY 30

Day30 :【TypeScript 不用學了】我終於完賽了!

終於完賽了!最近跑去畫畫,附上一幅《小王子與小狐狸》,小王子裡面,最喜歡的就是他們的故事,是說畫畫真的很療癒,就跟完賽的心情一樣療癒 =) / 完賽感想大概...