iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

TypeScript 啟動! 系列

「順順的寫js,何必還需要 TypeScript 來增加開發難度和學習曲線?」我曾這麼想,但是總有一個聲音會告訴我:「旅行者,當一切都很順利的時候,一定要回頭看看有沒有問題?」,但隨著專案越做越大越複雜,沒有 TypeScript 的輔助還真是有點讓人頭痛呢(這函數究竟會回傳什麼,到底是String 還是 Number 呢?)
從零到起飛,希望掌握 TypeScript 的基礎和進階功能,還將通過一個小專案來鞏固和展示知識和技能。希望能順利完賽和紀錄學習。

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 11

[Day 11] TypeScript 對話小專案

前面十天已經學習了不少應用基礎,今天剛好看到一部有趣的短影片,steven he 有一句話 emotional damage 實在是魔音環繞。因此今天就來寫一個...

2023-09-26 ‧ 由 叮叮 分享
DAY 12

[Day 12] TypeScript 初見 React.js

在上一回先透過最簡單的 html 與 TypeScript 結合實作一個小場景,接下來我們將會把 React.js 給加入進來,首先簡單介紹一下 React.j...

2023-09-27 ‧ 由 叮叮 分享
DAY 13

[Day 13] TypeScript React 初次使用

React 簡介 當我們使用 **create-react-app (CRA)**來建立一個新的 React 專案的時候,專案的結構大致上會像這樣。 dialo...

2023-09-28 ‧ 由 叮叮 分享
DAY 14

[Day 14] TypeScript React 初次使用 II

React 實戰 II 昨天我們的專案文件大概如下 . ├── README.md ├── package-lock.json ├── package.json...

2023-09-29 ‧ 由 叮叮 分享
DAY 15

[Day 15] TypeScript 泛型

在之前的基礎型別和小專案上,會發現有時候我們想要在設計專案的時候,有時候會不知道怎麼去預測我需要放置的型別對吧,因此在使用 TypeScript 希望能假裝一下...

2023-09-30 ‧ 由 叮叮 分享
DAY 16

[Day 16] TypeScript 進階型別

TypeScript 提供強大的型別系統,在今天我們會介紹幾個特別常見的物件型別、函式型別和條件式型別的簡單運用。 型別運算子 TypeScript 中型別運算...

2023-10-01 ‧ 由 叮叮 分享
DAY 17

[Day 17] TypeScript 處理錯誤

在專案開發中,發生錯誤資訊是稀鬆平常的,但是管理這些錯誤則是確保專案運行穩定度的關鍵部分。而 TypeScript 提供一些方法來處理淺在的錯誤情境,這一篇文章...

2023-10-02 ‧ 由 叮叮 分享
DAY 18

[Day 18] TypeScript 非同步型別檢查

非同步(異步)程式設計在現代 Web 開發中佔有重要的地位,因為要能夠同時執行所有的函式等,其中以 JavaScript 中底層設計最為適合,這樣的開發方式為我...

2023-10-03 ‧ 由 叮叮 分享
DAY 19

[Day 19] TypeScript 非同步型別檢查 II

在 TypeScript 中的時候,基本上一定會寫到非同步(異步)執行的操作來提高性能,但由於 JavaScript 本身是單執行緒,所以通常會使用 Web W...

2023-10-04 ‧ 由 叮叮 分享
DAY 20

[Day 20] TypeScript 常見錯誤

對象和陣列的比較: const arr1 = []; const arr2 = arr1; console.log(arr1 === arr2); //...

2023-10-05 ‧ 由 叮叮 分享