從 0 開始
不需程式底子也能上手，學會建立一個有完整結構的網站專案。
你會得到什麼
AI 輔助開發
掌握 Codex 指令語法、提示詞邏輯與除錯策略，讓 coding 變快又安心。
可部署作品
從本機預覽到雲端上線，學會把作品交到朋友、老師、雇主前。
講師介紹
老師 Willy
Vibe Coding 導師｜Codex 實戰帶領者
Willy 擅長把原本看起來很難的網站開發流程，拆成初學者也能一步一步完成的小任務， 帶你從「不敢開始」走到「可以自己做出作品」。
在課程中，Willy 會示範如何正確和 Codex 協作、怎麼整理需求、怎麼修正錯誤， 最後再把作品部署到 Zeabur，讓每位學員都能完成自己的第一個上線作品。
課程模組
第 1 週：建立唯一根目錄結構
只使用 index.html、style.css、script.js 三個檔案。
第 2 週：拆解需求並設計互動
練習導覽、表單、卡片互動、訊息提示，形成可理解的前端邏輯。
第 3 週：作品打磨與上線
整理樣式、修正排版細節，準備部署前測試。
第 4 週：Zeabur 上線實作
連接 Git 儲存庫，設置域名與環境變數，完成發布。
用 Codex 的學習節奏
- 把目標告訴 Codex，先寫出靜態版的 HTML。
- 把外觀交給 CSS，做到可維護的版面。
- 最後把行為交給 JS，補上點擊與表單流程。
- 測試後再回去對 Codex 進行一項項優化。
Zeabur 部署三步完成
1把專案放進 GitHub
2在 Zeabur 建立新專案並連接 Repo
3設定建置指令與輸出目錄，發佈上線
Q&A 問與答
可以。這門課就是為初學者設計，會從最基本的網站結構、樣式與互動開始教起。
會。你會練習怎麼描述需求、怎麼請 Codex 幫你拆解任務，以及怎麼一起修正錯誤。
你會完成一個可預覽、可操作、也能部署到 Zeabur 的網站作品，作為自己的第一個展示專案。
不會。課程會一步一步帶你把專案連到平台，理解部署流程，初學者也能跟上。
預約課程
留下你的姓名與想要上的課程，送出後會在 24 小時內回覆你。