1-1 導讀

1-2 typescript初體驗

1-3 javascript是什麼

1-4 typescript是什麼

1-5 typescript相比js的優勢

2-1 開發工具（vscode）

2-2 開發工具（Node.js）

2-3 為什麼要安裝解析TS的工具包

2-4 安裝解析TS的工具包

3-1 第一個TS文件

3-2 簡化執行TS的步驟

3-3 註解

3-4 輸出語句

3-5 typescript初體驗總結

4-1 變數和資料型態導讀

4-2 什麼是變數

4-3 變數的使用

4-4 配置vscode

4-5 類型註解

4-6 命名規則和規範

4-7 變數的練習（交換兩個變數的值）

4-8 資料類型概述

4-9 數字類型

4-10 字串類型

4-11 布林類型

4-12 underfined和null類型

4-13 基本類型—總結

5-1 運算子導讀

5-2 算術運算符

5-3 加號實作字串拼接

5-4 加號引發的思考

5-5 賦值運算符

5-6 自增和自減運算符

5-7 比較運算符

5-8 邏輯運算符

6-1 語句導讀

6-2 條件語句概述

6-3 if語句

6-4 else語句

6-5 if else語句練習

6-6 三元運算符概述

6-7 三元運算子的練習

6-8 循環語句的概述

6-9 從寫作業的例子看for循環組成

6-10 for迴圈的基本使用

6-11 for迴圈的執行過程

6-12 斷點調試查看for循環執行過程

6-13 vscode斷點偵錯配置（1組態步驟）

6-14 vscode斷點調試配置（2調試技巧）

6-15 for循環的練習（1 列印1-5）

6-16 for循環的練習（2 列印正在吃第n個包子）

6-17 for迴圈的練習（3 計算1-100的和）

7-1 break關鍵字

7-2 continue關鍵字

8-1 數組導讀

8-2 數組概述

8-3 建立數組（語法一）

8-4 建立數組（語法二）

8-5 數組長度和索引

8-6 數組的取值和存值（取值）

8-7 數組的取值和存值（存值）

8-8 為數組添加元素

8-9 遍歷數組（計算器預設值為0）

8-10 遍歷數組（判斷條件為數組長度減1）

8-11 遍歷數組（優化判斷條件）

8-12 數組的練習（求數組中所有元素的和）

8-13 數組的練習（找出數組中的最大值）

8-14 數組的練習（找出數組中不為0的元素）

9-1 函數基礎導讀

9-2 函數概述

9-3 函數的使用

9-4 函數的練習

9-5 函數參數概述

9-6 形參和實參

9-7 參數的其他說明

9-8 函數參數練習（1）

9-9 函數參數練習（2）

9-10 函數返回值概述

9-11 函數傳回值的基本使用

9-12 函數傳回值練習（改造getSum函數）

9-13 函數回傳值練習（三角形面積）

9-14 函數回傳值練習（找最大值）

9-15 return的說明

9-16 函數基礎總結

10-1 函數進階導讀

10-2 函數調試（基本操作）

10-3 函數調試（函數的執行過程）

10-4 變數作用域

11-1 物件導讀

11-2 物件概述

11-3 創建對象

11-4 介面（物件的類型註解）

11-5 物件方法的類型註解

11-6 介面的使用

11-7 物件取值

11-8 物件存值

11-9 物件的基本使用總結

12-1 內建物件概述

12-2 數組物件（length屬性）

12-3 數組物件（push）

12-4 數組物件（forEach）

12-5 數組物件（forEach的解釋說明）

12-6 forEach的練習

12-7 數組對象（some）

13-1 TS的類型推論

13-2 web開發基礎概述

13-3 HTML的基本使用（建立第一個html頁面並使用）

13-4 HTML的基本使用（常用標籤）

13-5 CSS的基本使用（style屬性）

13-6 CSS的基本使用（style標籤）

13-7 CSS的基本使用（css檔案）

13-8 在瀏覽器中使用javascript

13-9 使用Live Server插件－自動刷新瀏覽器

14-1 在瀏覽器中運行TS

15-1 DOM操作概述

15-2 取得元素（querySelector）

15-3 TS的型別斷言

15-4 取得元素（querySelectorAll）

15-5 操作文字內容（innerText）

15-6 練習（querySelectorAll和innerText）

15-7 操作樣式（style屬性）

15-8 操作演示（classList屬性）

15-9 操作事件（addEventListener 新增事件）

15-10 操作事件（事件物件）

15-11 removeEventListener 移除事件（1）

15-12 removeEventListener 移除事件（2）

15-13 關於函數聲明形式的事件處理程序的兩點說明

16-1 下棋遊戲示範和玩法介紹

16-2 遊戲模板說明

16-3 單元格點擊（下棋）

16-4 單元格點擊（優化）

16-5 調整vscode和瀏覽器視窗位置

16-6 切換玩家（1）

16-7 切換玩家（2）

16-8 列舉的基本使用

16-9 數字枚舉和字串枚舉

16-10 使用枚舉修改當前玩家

16-11 判贏的思路

16-12 分析判贏數組

16-13 單元格元素清單說明

16-14 封裝判贏函數

16-15 實現判贏函數（1）

16-16 實現判贏函數（2）

16-17 優化判贏函數

16-18 判斷平手

16-19 展示獲勝訊息

16-20 重新開始遊戲

16-21 優化重新開始遊戲