🚀 Vibe Coding 中文指南

人人都能用 AI 打造屬於自己的產品

📌 這是什麼？

Vibe Coding 是一種 AI 輔助開發方式： 你不需要有完整的工程背景，就能透過 ChatGPT、Claude Code、Cursor 等工具，快速把想法變成程式、網站，甚至完整的應用服務。

本系列 《非技術背景者的 Vibe Coding 全攻略》，會帶你從零開始：

• 先理解什麼是 Vibe Coding，為什麼人人都能寫程式
• 再用 ChatGPT 做出第一個小工具
• 學習網頁基礎（HTML、CSS、JS）
• 逐步進入框架（React / Vue / Next.js）與 Claude Code 的進階應用
• 最後學會資料庫、登入、即時同步、金流、部署，把你的作品真正上線

👤 適合誰？

• 完全沒有技術背景，但想做出自己網站、工具的人
• 創業者 / PM / 設計師，需要快速做 DEMO 驗證想法
• 學程式新手，想跳過傳統教科書式的學習，用 AI 加速
• 工程師 / 半專業者，想學習如何善用 AI 作為「副程式員」

🎯 學完你能做什麼？

• 快速用 AI 建立小工具與 Demo
• 能理解基礎的 前端 / 後端 / 資料庫 / API 概念
• 與 AI 清楚溝通開發需求，寫出可行的 PRD 與 prompt
• 完成一個 可登入、可儲存資料、可即時同步、可收款 的網站
• 學會把作品部署上線（GitHub Pages / Zeabur）

👉 最終目標：帶著你的專案作品集上線，能夠公開分享、甚至啟動副業或產品。

📚 完整課程大綱

👉 查看完整的課程章節與學習路徑，請前往 1-3 解鎖系統觀背景知識、實作案例路徑圖

這裡你可以找到：

• 全部 16 個章節的詳細內容列表
• 建議的學習路徑
• 結業專案規劃
• 各章節的學習重點

📌 為什麼要讀這個系列？

• 比傳統程式教材更快上手：不用從語法死記開始，而是從「做出成果」開始。
• 比純粹 ChatGPT 教學更有結構：有完整的學習地圖與系統觀，避免卡死在 prompt。
• 比線上課程更靈活：每篇可獨立閱讀、快速驗證，學到就能用。

🚀 開始學習

👉 如果你準備好開始，從第一篇 Vibe Coding 是什麼？ 開始吧。 這會是你進入 AI × Coding 世界的第一步。

💡 本指南持續更新中，歡迎追蹤獲得最新內容！