TypeScript入門影片【不學JavaScript也看得懂】

• 第1章 typescript初體驗導讀
• 1-1 導讀
• 1-2 typescript初體驗
• 1-3 javascript是什麼
• 1-4 typescript是什麼
• 1-5 typescript相比js的優勢
• 第2章 開發工具的準備
• 2-1 開發工具（vscode）
• 2-2 開發工具（Node.js）
• 2-3 為什麼要安裝解析TS的工具包
• 2-4 安裝解析TS的工具包
• 第3章 TS初使用
• 3-1 第一個TS文件
• 3-2 簡化執行TS的步驟
• 3-3 註解
• 3-4 輸出語句
• 3-5 typescript初體驗總結
• 第4章 變數和資料類型
• 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章 運算符
• 5-1 運算子導讀
• 5-2 算術運算符
• 5-3 加號實作字串拼接
• 5-4 加號引發的思考
• 5-5 賦值運算符
• 5-6 自增和自減運算符
• 5-7 比較運算符
• 5-8 邏輯運算符
• 第6章 執行語句
• 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章 break和continue關鍵字
• 7-1 break關鍵字
• 7-2 continue關鍵字
• 第8章 陣列
• 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章 函數基礎
• 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章 函數進階
• 10-1 函數進階導讀
• 10-2 函數調試（基本操作）
• 10-3 函數調試（函數的執行過程）
• 10-4 變數作用域
• 第11章 物件
• 11-1 物件導讀
• 11-2 物件概述
• 11-3 創建對象
• 11-4 介面（物件的類型註解）
• 11-5 物件方法的類型註解
• 11-6 介面的使用
• 11-7 物件取值
• 11-8 物件存值
• 11-9 物件的基本使用總結
• 第12章 內建對象
• 12-1 內建物件概述
• 12-2 數組物件（length屬性）
• 12-3 數組物件（push）
• 12-4 數組物件（forEach）
• 12-5 數組物件（forEach的解釋說明）
• 12-6 forEach的練習
• 12-7 數組對象（some）
• 第13章 web開發基礎
• 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章 在瀏覽器中運行TS
• 14-1 在瀏覽器中運行TS
• 第15章 DOM操作
• 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章 下棋遊戲案例
• 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 優化重新開始遊戲