Level 7 挑戰
全部串起來 — 蓋一個完整的 server
⏱ 預估 ~6 分鐘
01 · 讀一讀
該把你學到的全部串起來了。這個挑戰你會從零蓋一個完整 server，結合 Level 7 所有東西：- 提供 HTML 頁 - 文字 routes - JSON API endpoint - Query parameter - 用 .gitignore 正確設定專案 - 用 Git 跟 GitHub 做版控
這裡沒有一步一步牽著走。前面課的知識你都有了。卡關了再看提示 — 但先自己試。
這就是真實開發的感覺：你知道每個部件，現在組裝成完整的東西。
重點整理
- 這個挑戰結合 Level 7 所有內容
- 每一步先自己試，再看提示
- 回頭翻前面的課當參考沒關係
- 完成後你會有一個真實的專案在 GitHub 上
02 · 確認清單
蓋一個有下面所有功能的 server。完成一項勾一項。
- GET / 提供 HTML 歡迎頁
- GET /about 提供關於頁
- GET /api/time 回 JSON，有目前時間
- GET /api/greeting?name=Sara 回個人化問候
- 正確的 .gitignore，含 node_modules/ 跟 .env
- 專案 push 到 GitHub
03 · 選擇題
把 Node.js 專案 push 到 GitHub 前，要建哪個檔避免 node_modules 被 commit?
- .env
- package-lock.json
- .npmrc
- .gitignore
04 · 填空
要從 Express route handler 回 JSON 資料，用 res._____(data) 而不是 res.send(data)。
05 · 讀一讀
恭喜 — 你剛剛蓋了一個真實 web server、發布到 GitHub 上。
讓這個沉澱一下。幾課前你才第一次裝 Node.js。現在你有：- 一個提供 HTML 頁的可動 web server - 回即時 JSON 資料的 API endpoint - 對使用者輸入（query parameter）回應的動態 routes - 一個有版控、設定正確的專案 - 把程式碼放上 GitHub 給世界看
這不是玩具或模擬。這是真實軟體，用的是專業工程師每天用的同樣工具跟模式。
Level 7 的關鍵洞察：蓋軟體不是背語法。是搞懂每個部件 — server、routes、回應、資料格式 — 然後組裝。你現在懂這些部件了。
很快，Claude Code 會幫你組裝得更快、更快。
重點整理
- 你從零蓋了一個真實、可動的 web server
- 你做了 HTML 頁也做了 JSON API endpoint
- 你的程式碼在 GitHub 上 — 作品集裡的真實專案
- 下一站：Claude Code 會大幅加速你的開發速度
06 · 選擇題
新工程師加入你的專案。他們從 GitHub clone repo、跑 npm install，但 server 跑不起來。他們最可能忘了建什麼檔？
- .env 檔，放環境特定設定
- node_modules/ — 他們要手動複製你的
- .gitignore — server 沒它跑不起來
- app.js — server 入口，應該本來就在 repo 裡
⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。
※ 本站為獨立繁中教學專案，非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。