# Vibe Coder Recharge | Node.js > 目標:能看懂 AI 生成的程式碼,知道它在做什麼 > 預估時間:Node.js 約 1 天 --- ## 1.1 JavaScript 語法 — [Learn-JS.org](https://www.learn-js.org) ### 基礎篇(必做) - [ ] Hello, World! - [ ] Variables and Types - [ ] Arrays - [ ] Manipulating Arrays - [ ] Operators - [ ] Conditions - [ ] Loops - [ ] Objects - [ ] Functions - [ ] Arrow Functions ⭐ *(很常見的寫法)* ### 可跳過 - [ ] ~~Pop-up Boxes~~ *(瀏覽器用的,後端不需要)* ### 進階篇(重要!Node 核心概念) - [ ] Callbacks ⭐⭐ *(理解非同步的基礎)* - [ ] Promises ⭐⭐⭐ *(現代 JS 必備)* - [ ] Async and Await ⭐⭐⭐ *(最常用的非同步寫法)* ### 進階篇(略讀即可) - [ ] Object Oriented JavaScript *(了解概念就好)* - [ ] Destructuring *(很常見,建議看)* ### 可之後再學 - [ ] ~~Function Context~~ *(this 的細節,遇到再查)* - [ ] ~~Inheritance~~ *(繼承,用到再學)* - [ ] ~~Data Structures~~ *(Map/Set,用到再查)* --- ## 1.2 Express 框架 — [官方文件](https://expressjs.com/en/starter/) - [ ] Hello World — https://expressjs.com/en/starter/hello-world.html - [ ] Basic Routing — https://expressjs.com/en/starter/basic-routing.html - [ ] Static Files — https://expressjs.com/en/starter/static-files.html *(可選)* ## 補充:看一個完整範例 - [ ] 找一個「Express REST API tutorial」影片(YouTube 30-60 分鐘的) - 關鍵字:`Express.js REST API tutorial` - 目標:看懂路由、middleware、req/res 怎麼運作 --- ## 學習完成後的自我檢核 - [ ] 我看得懂 `async/await` 在等什麼 - [ ] 我知道 `app.get('/path', handler)` 是在做什麼 - [ ] 我知道 `req.params`、`req.body`、`req.query` 的差別 - [ ] 我知道 `res.json()` 是在回傳資料