2026 / 11 / 02 – 11 / 27 · 平日 20 關
先會做網頁，也能學會後端。
這是給前端與設計師的一個月練習。你已經會 HTML、CSS、JavaScript。這裡不假設你寫過伺服器、資料庫或 SQL。每天 30 到 60 分鐘，最後做出一個可以佈署的留言板。
四週測驗都通過以後，就可以開啟複習模式，隨時重看每一課。
第 1 週 HTTP 基礎與第一個 Worker
先看懂瀏覽器怎麼跟伺服器說話，再寫出你的第一支會回應的小程式。
一開始就開放已解鎖
- 11/2（一）前端與後端的角色、HTTP 請求與回應
- 11/3（二）HTTP 方法、狀態碼、Headers、JSON
- 11/4（三）Node.js、npm、終端機基本操作
- 11/5（四）Cloudflare Workers 入門
- 11/6（五）路由，以及第 1 週複習
第 2 週 API 設計與接上前端
把網址設計成清楚的資源，讓你熟悉的網頁用 fetch 跟後端對話。
通過第 1 週測驗後解鎖已解鎖
- 11/9（一）REST 設計
- 11/10（二）讀取請求資料與輸入驗證
- 11/11（三）前端 fetch 與 CORS
- 11/12（四）環境變數與 wrangler secret
- 11/13（五）留言板 API 原型，以及第 2 週複習
第 3 週 資料庫與 D1
把寫在白板上的留言，換成會留下來的 SQL 帳本。
通過第 2 週測驗後解鎖已解鎖
- 11/16（一）什麼是資料庫
- 11/17（二）SQL CRUD
- 11/18（三）建立 D1、schema 與 migrations
- 11/19（四）Worker 連接 D1、prepared statements、防止 SQL injection
- 11/20（五）留言板改用 D1，以及第 3 週複習
第 4 週 關聯、登入與佈署
把使用者和留言對起來，加上登入，最後把整間店開到網路上。
通過第 3 週測驗後解鎖已解鎖
- 11/23（一）關聯、JOIN、索引
- 11/24（二）身分驗證：雜湊、session、token
- 11/25（三）Pages Functions、錯誤處理、logs
- 11/26（四）KV、R2、備份
- 11/27（五）期末專案：佈署完整留言板