iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

TypeScript 初學者也能看的學習指南 系列

指南目標:寫 TypeScript 寫到沒有被報錯(誒?
適合族群:想學習 TypeScript 但有學過 JavaScript 的人們
指南內容:TypeScript 基本概念以及如何應用在前端框架
-
https://survey.stackoverflow.co/2024/technology#admired-and-desired-language-desire-admire
根據 2024 stackoverflow survey 結果顯示 TypeScript 越來越受開發者歡迎啦~ 一起學起來

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

TypeScript 初學者也能看的學習指南 01 - 一起來寫 TypeScript 吧

歡迎來到本系列文「TypeScript 初學者也能看的學習指南」,全文講解的 TypeScript 版本為 5.6 時隔一年又來參加鐵人賽了,年初時有上過 Ty...

2024-09-11 ‧ 由 hannnahTW 分享
DAY 2

TypeScript 初學者也能看的學習指南 02 - 起手式:環境建立

有三種方法可以安裝 TypeScript 透過套件管理工具 npm, yarn or pnpm 安裝 (⭐️ 本文會透過 npm 來安裝) 透過 NuGet...

2024-09-12 ‧ 由 hannnahTW 分享
DAY 3

TypeScript 初學者也能看的學習指南 03 - tsconfig.json 的配置

回顧 前一天【環境建立】時提到,執行 tsc --init 會自動生成 tsconfig.json,也介紹了各個默認配置選項的涵義。今天就不對默認配置做太多說...

2024-09-13 ‧ 由 hannnahTW 分享
DAY 4

TypeScript 初學者也能看的學習指南 04 - 型別系統: 型別註釋 & 型別推斷

型別系統(Type System)是 TypeScript 提供的核心功能,它建立起了型別的宇宙本篇要來介紹型別系統中在基本不過的概念 -「型別註釋」、「型別...

2024-09-14 ‧ 由 hannnahTW 分享
DAY 5

TypeScript 初學者也能看的學習指南 05 - Object 物件

本篇要介紹的是 TypeScript 型別系統中的 object。object 是屬於 Object Types 的一部分你將會了解到 object 在 Ty...

2024-09-15 ‧ 由 hannnahTW 分享
DAY 6

TypeScript 初學者也能看的學習指南 06 - Array 陣列

本篇要來講的是 Object Types 中的 array,你將了解到在 TypeScript 中「陣列」的型別註釋寫法、如何去定義「多維陣列」、「構造函示」...

2024-09-16 ‧ 由 hannnahTW 分享
DAY 7

TypeScript 初學者也能看的學習指南 07 - Tuple 元組

在純 JavaScript 中沒有支援「元組」的寫法,不過其實在有些程式語言中是有的,如 Python, Rust, C#本篇將來帶你了解「元組」基本概念,並...

2024-09-17 ‧ 由 hannnahTW 分享
DAY 8

TypeScript 初學者也能看的學習指南 08 - Function 函式

本篇將會了解不同種類的 Function 在 TypeScript 中的寫法和變化 Function 分成幾大部分講解 函式宣告式 函式表達式 箭頭函式 泛...

2024-09-18 ‧ 由 hannnahTW 分享
DAY 9

TypeScript 初學者也能看的學習指南 09 - Function Overloads 函式重載

接續 第 8 天的 - Function今天來談談一個在 JavaSceipt 中沒有,在 TypeScript 中卻有的概念 - Function Over...

2024-09-19 ‧ 由 hannnahTW 分享
DAY 10

TypeScript 初學者也能看的學習指南 10 - Enum 列舉

本篇將來介紹 Enum,你會了解到什麼是 「Numeric Enums」, 「String Enums」,「計算成員」以及 Enum 中「反向查找」和「雙向映...

2024-09-20 ‧ 由 hannnahTW 分享