Vibe Coder：網頁開發
讓 AI 參與，完成一個真正上線的網站。
學生運用 AI 輔助編程設計、製作並發佈網站，同時學會辨認 AI 出錯的地方。
示意圖片: BigDumbDinosaur / CC BY-SA 3.0
- 形式
- 工作坊系列
- 節數
- 6 節 × 90 分鐘
- 適合年級
- 中二至中六
- 人數
- 12–24 位學生
學生會做甚麼
- 圍繞真實觀眾規劃網站
- 使用 AI 工具，但不外判判斷力
- 以 HTML 及 CSS 建立回應式版面
- 將網站發佈上線
工具
- VS Code
- AI coding assistants
- HTML/CSS
- GitHub Pages
AI 可以快速寫程式，但不能決定網站為誰而做。學生先定義觀眾與任務，再把 AI 當作快速但不可靠的合作者。
最後一節是發佈：一條真實網址、一個可運作的頁面，以及一段學生親手修改了甚麼的說明。
本課程可因應不同年級、節數及人數調整。歡迎索取包含逐節大綱的課程建議書。
語言: 英語或廣東話
地點: 貴校或香港仔 M21
課程流程
需求
一起確定學生人數、時間表，以及完成作品應有的樣子。
製作
學生分組處理真實簡報，每節開始時由導師講解關鍵知識。
測試
團隊按限制量度成果，並記錄失敗的地方和原因。
展示
公開示範、簡短匯報，以及每位學生貢獻的紀錄。
相關課程
人工智能與軟件 · 中二至中六
查詢 Vibe Coder：網頁開發 的日期、人數、費用及書面課程大綱。
hello@badpig.hk