菜鳥救星,你的學習救星
為什麼要學??
AI 工具正在撤底改變做網站的方式。過去要做網站就必須寫 HTML/CSS/JS,現在用 Google AI Studio 加上自然語言下指令,就能直接產生前端頁面。配上 Supabase 資料庫、Vercel 部署、GitHub 雲端管理,再用 Claude Code 或 Codex 維護網站——一個完整的現代網站開發流程,上完課就能實現!
學習痛點
- 想開發卻不會寫程式:不會寫程式,卻想自己做個人網站、作品集或內部實用工具,總是卡在技術門檻。
- 外包太貴、自己改又看不懂:請工程師開價太高,後續想要自己微調修改,面對滿滿的程式碼又像看天書。
- 後端與資料庫高不可攀:聽不懂什麼是資料庫關聯,不知道怎麼安全地儲存與管理使用者的資料。
- 工具零散無法串聯:看了很多 AI 寫程式的教學,但不知道怎麼把一堆零散的程式碼變成「真正上線的網站」。
- 後續維護無從下手:網站好不容易跑起來,遇到 Bug 或想加新功能時,不知道怎麼引導 AI 幫忙修改現有專案。
課程目標
- 全面掌握 現代 AI 網頁開發的 5 大核心工具操作與串聯邏輯。
- 獨立完成 從前端 UI 生成、後端資料庫設計到網站正式部署(Vercel)的全流程。
- 學會使用 終端機 AI 工具(Claude Code)進行專案級的程式碼維護與精準除錯。
- 建立正確 的版本控制(GitHub)與系統架構觀念,讓 AI 協作更安全、高效。