iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

用 TypeScript 重新定義前端開發:30 天的實踐與思考 系列

在過去的前端開發中,TypeScript 正逐漸成為許多開發者的首選工具。作為一名工程師,我在學習和使用 TypeScript 的過程中,感受到它帶來的開發體驗提升,也逐漸累積了一些經驗和心得。
出於個人學習的動機,我決定透過連續 30 天的文章分享,整理並紀錄我在使用 TypeScript 以及搭配 React 時的所學所思,期許在分享中更鞏固我對 TypeScript 的理解。

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

Day01:為什麼選擇 TypeScript 作為系列文章的主題?

在過去的前端開發中,TypeScript 正逐漸成為許多開發者的首選工具。作為一名開發者,我在學習和使用 TypeScript 的過程中,不僅感受到它帶來的開發...

2024-09-14 ‧ 由 Annie 分享
DAY 2

Day02:安裝與設置 TypeScript 開發環境

設置開發環境 1. VSCode 如果還沒有安裝過文字編輯器,推薦可以使用免費開源的 VSCode(Visual Studio Code),它與 TypeSc...

2024-09-15 ‧ 由 Annie 分享
DAY 3

Day03:TypeScript 之基礎型別(Primitive Types)

了解 TypeScript 型別系統 在完成開發環境的設置後,接下來就是深入了解 TypeScript 的型別系統了! 作為 JavaScript 的超集,Ty...

2024-09-16 ‧ 由 Annie 分享
DAY 4

Day04:TypeScript 的物件型別(Object Types)

在前一篇文章中,我們快速認識了如何進行型別註釋(Type Annotations),並介紹了型別中最基礎的原始資料型別。接下來將學習物件型別,這是開發中經常使用...

2024-09-17 ‧ 由 Annie 分享
DAY 5

Day05:TypeScript 的陣列型別(Array Types)

陣列型別 陣列可以用來存放有序的資料列表,而依據陣列內資料的型別不同,宣告方式也會有所不同。 1. 基本使用 最簡單的宣告方式是型別註記方法,使用「型別+方括號...

2024-09-18 ‧ 由 Annie 分享
DAY 6

Day06:TypeScript 的擴充型別

擴充型別 1. 元祖型別(Tuple Types) 前一篇文章在介紹陣列型別時,有稍微帶到元組的概念。可以將元組型別(Tuple Types)理解為工作方式類似...

2024-09-19 ‧ 由 Annie 分享
DAY 7

Day07:TypeScript 的函式型別(Function Types and Parameters)

函式型別與參數 (Function Types and Parameters) 在 TypeScript 中,函式的定義與 JavaScript 非常類似,可以...

2024-09-20 ‧ 由 Annie 分享
DAY 8

Day08:TypeScript 的特殊型別

一、任意型別(Any Types) 有時候,我們可能需要在變數中儲存值。但在開發的時候並不確定它的型別。且未知值可能來自第三方 API 或使用者輸入的內容。在這...

2024-09-21 ‧ 由 Annie 分享
DAY 9

Day09:TypeScript 的聯合型別

聯合型別 1. 聯合型別 (Union Types) 聯合型別 | ,允許一個值是一種或多種型別之一。這讓我們可以靈活地接受不同的型別輸入,而不用強制規範為單一...

2024-09-22 ‧ 由 Annie 分享
DAY 10

Day10:TypeScript 的介面 (Interface) 基本概念

介面 (Interface)的定義 在 TypeScript 中,介面 (Interface) 是一種用來定義物件結構的合約。它為物件的屬性和方法提供了明確的描...

2024-09-23 ‧ 由 Annie 分享