0. b4Dapp RoadMap

1. 網頁概論

1. 網頁三大組成- HTML, CSS, JavaScript - 08:21
2. HTML 必要元素介紹17:3003 HTML 其他元素介紹 - 34:52
3. CSS 樣式 - 27:40
4. JavaScript 變數宣告 - 26:03
5. JavaScript Data Types - 05:07
6. JavaScript Data Types (String) - 08:38
7. JavaScript Data Types (Boolean) - 03:08
8. JavaScript Data Types (Number) - 08:52
9. JavaScript Data Types (Symbol) - 11:07
10. JavaScript Data Types (Array) - 07:49
11. JavaScript Data Types (Object) - 09:14
12. JavaScript Data Types (Function) - 05:24
13. JavaScript Data Types (Arrow Function) - 13:14
14. JavaScript 進階（非同步 setTimeout）- 12:55
15. JavaScript 進階（非同步 Promise）- 17:46
16. JavaScript 進階（非同步 async_await）- 28:53
17. JavaScript 元素選擇器 - 14:23
18. Todo List

2. Git

1. Git 介紹 - 04:32
2. 終端機指令＆ Vim - 07:11
3. 用 Git 來控管檔案 - 26:07
4. git reset - 07:49
5. 分支(branch) - 34:04
6. 紀錄暫存(git stash) - 08:36
7. Github 與專案協作 - 28:04

3. 網頁部署(Netlify)

1. 網頁部署 - 14:25
2. 網域綁定15:35

4. 踏入 Dapp 前，先認識前端環境

1. 安裝 Nodejs - 04:36
2. 什麼是npm、yarn？ - 08:51
3. Npm init，建立自己的 package.json - 12:24
4. 弄懂 npm install 的 –save 與 –save-dev - 05:28
5. npm 常用指令小抄yarn
6. 常用指令小抄 & 與 npm 指令對照
7. 什麼是 nvm？Nodejs 版本切換器 nvm 介紹 - 04:22
8. 安裝 nvm - 05:47
9. 安裝 nvm 說明
10. 使用 nvm - 05:35
11. nvm 常用指令小抄

5. 開發 Dapp 會使用到的 Javascript 必要重點觀念

1. 箭頭函式 Arrow Function - 05:31
2. 物件的解構賦值 - 06:34
3. 陣列迴圈處理 - 05:11
4. 樣板字面值 Template literals - 03:35
5. 展開語法和其餘語法（Spread Syntax）- 14:55
6. 陣列的物件解構 - 08:04
7. Promise 非同步 - 10:44
8. Promise 語法糖：Async Await - 09:33
9. 物件屬性名稱縮寫 - 03:47

[Reference]

1. 區塊鏈工程師 VIP 開發社群 (實戰營精華課程與最新技術教學), KryptoCamp 區塊鏈人才培育第一品牌
2. 區塊鏈全端工程師實戰營, KryptoCamp 區塊鏈人才培育第一品牌
3. 區塊鏈全端工程師線上實戰營, KryptoCamp 區塊鏈人才培育第一品牌