Vibe Coding 新手營:用 AI 開發辦公室系統

首圖


✦ 想認真學習 Vibe Coding 但卻遇到以下問題…




Vibe Coding 問題一

很想體驗 Vibe Coding 的快感,但又怕 AI 寫出來的東西有漏洞。想跟上潮流,卻不知道怎麼做才叫「安全」。




Vibe Coding 問題二

雖然現在工具很發達,但你更希望能跟隨有紮實背景的講師,學到那些只有真正動手寫過程式的人才知道的細節與技巧。




Vibe Coding 問題三

你想認真弄懂背後的運作邏輯,但技術名詞真的太難懂。你需要的是一個懂你卡在哪裡、還能把複雜科技講成「白話文」的老師。




✦ 六角學院課程跟坊間 Vibe Coding 課程的差異?

大部分的 Vibe Coding 課程,都強調「零基礎就能快速做出系統」。
但我們在第一線教學中發現,許多同學在實作過程中,會因缺乏軟體環境通識而卡關:

  • 不熟悉前後端與開發環境
  • 忽略資訊安全與程式碼版本控制
  • 申請第三方服務時,不知道如何妥善保管敏感資訊

因此我們設計了這堂課,將程式通識與 Vibe Coding7:3 的比例交叉結合。
不只帶你學會 Vibe Coding,更讓你理解必要的系統環境知識,放大未來的開發價值。


✦ 此次 Vibe Coding 新手營你會獲得什麼?

這個體驗營不只是紙上談兵,而是滿滿的實戰演練,完整傳授實戰部署經驗!

在這 30 天裡,我們將帶你從零開始部署真正能優化工作體驗的服務,完整部署屬於公司或個人的網站。

此外,卡斯伯也會透過直播教學,分享在網站部署過程中,務必要注意的各種細節與陷阱
同時我們還設計了一系列任務,讓你親身體驗軟體工程師的日常開發流程 💪


✦ 30 天 Vibe Coding 新手營我們會提供什麼資源給你?

  • 4 場直播教學,3、4 月的週三晚上,由六角學院卡斯伯老師線上授課
  • 10 小時的前後端程式影音課程
  • 16 則每日任務練習題,讓你累積經驗值 ++
  • 活動期間提供線上程式助教團隊,協助批改任務、作業答疑
  • Discord 線上討論群組,與其他學員一起學習,也有講師與助教加入,幫助學習不卡關
  • 活動期間提供 4 道主線任務,確保你真的學會


✦ 4 場直播學什麼?

第一週:學會 Git、GitHub,才能一邊 Vibe 一邊還原程式碼

許多初學者很怕程式沒寫好、系統報紅字錯誤,不知道該如何處理…
而在軟體工程師的世界中,我們會用 Git 來管理程式碼版本,輕鬆還原到上一個版本。
在本週的任務,你將會與上千名同學一起,共同管理一份程式專案,並提交自己的 HTML、CSS 程式碼給助教審核!

  • 這堂課的技術關鍵字:Git、GitHub、發 PR 給主管審核、HTML、CSS、VSCode 程式編輯器
  • 當週任務:提交自己人生中,第一個 Git 版本程式碼審核吧!

第二週:運用 AI x SDD,上架自己的前端個人網站吧!

多數人學 Vibe Coding,只會將成果在自己的電腦展示,沒辦法透過一個網址分享給其他人,同時也不知道上架一個網站時,究竟要注意哪些提交細節,才有符合一個商業型的個人網站。
在這堂直播課,你將會獲得老師在網站建置的 AI 提詞 (Prompt),以及了解目前最為流行的 SDD (Spec-Driven Development),俗稱「規格驅動開發」。
訂定好詳細的規格文件,再透過精準的提詞,你才拿到品質夠好的網頁程式碼!

  • 這堂課的技術關鍵字:RWD 手機版網頁、SEO、GitHub Pages 部署網站空間、SDD、LLM、AI、 ChatGPT、Claude、提詞(Prompt)
  • 當週任務:部署自己的個人網站吧!

第三週:打造 AI 記帳神器 — 你的第一個雲端個人網站工具

想做出真正好用的工具,不一定要從頭刻複雜的資料庫。這週我們將運用你最熟悉的 Google 試算表當作後盾,透過 AI 的引導,快速「Vibe」出一個專屬於你的個人記帳工具!
我們會從最基礎的 GCP (Google Cloud Platform) 設定開始,帶你搞定專業級的 Google 登入驗證,確保你的私密資料既安全又好管理。這堂課不只是教你寫程式,更是要教你如何利用現成的強大雲端資源,組裝出一個完整的系統架構。
透過這週的實戰,你會發現:只要掌握好邏輯與環境設定,一個人也能輕鬆開發出高品質的個人應用!

  • 這堂課的技術關鍵字:前端介面開發、Google 試算表應用、Google 登入 (OAuth)、GCP 基礎設定、API 串接、個人化工具設計
  • 當週任務:成功串接 Google 試算表,部署你的第一個「雲端記帳工具」!

第四週:升級你的開發工具箱!用 Google Antigravity 像專業工程師一樣工作

當你的專案越來越複雜,單純用 ChatGPT 或 Gemini 複製貼上程式碼已經不夠了。恭喜你走到第四週,這週我們要帶你進入真正的專業開發環境,體驗 Google Antigravity。
這是 Google 在 2025 年 11 月最新發布的 AI 開發工具,它不只是個「會寫程式的 AI」,而是一個能夠管理整個專案、協調多個任務、自動執行測試的智慧開發平台。它基於大家熟悉的 VS Code 打造,但加入了 Gemini 3 的強大 AI 能力。
在這堂課,你會學到如何用 Antigravity 的 AI 代理管理模式來規劃任務、讓 AI 自動處理程式碼審查與測試、用「編輯器模式」與「AI 代理模式」兩種模式靈活開發。從此你不只是單純複製貼上,而是真正掌握了專業開發者使用的 AI 工具,體驗「AI 代理」如何改變軟體開發的方式!

  • 這堂課的技術關鍵字:Google Antigravity、Gemini 3、AI 代理、AI 驅動 IDE
  • 當週任務:運用 Antigravity,打造一個「辦公室多人協作工具」


✦ 10 小時程式影音輔助教學

儘管 Vibe Coding 提倡不需要懂程式邏輯,但我們認為「至少學到能看得懂、改得動」,才能 Vibe 得長久,為此我們也釋出 10 小時程式影音,只提煉出 Vibe Coding 初學者最需要理解的入門環節,避免過於深度的資訊造成囫圇吞棗而影響學習 💪

  • CSS - VS Code 網頁編輯器、HTML 基礎教學
  • CSS - CSS常用語法
  • CSS - 使用 CSS 變更 HTML 標籤特性
  • CSS - Flex 網頁排版技巧
  • RWD 常見版型佈局設定
  • RWD - 伸縮自如的 RWD 排版術
  • GitHub Pages 免費架站空間教學 - 第一週任務攻略
  • JS - JavaScript 課前知識與環境介紹
  • JS - 變數與資料型別
  • JS - let、const、var 介紹
  • JS - 網頁與 Code 環境建立流程教學
  • JS - 數字型別與賦值運算子
  • JS - 字串型別詳解
  • JS - 變數:布林、undefined、null
  • JS - 比較與邏輯運算子
  • JS - 流程判斷 - if、else if、else
  • JS - if 流程圖規劃流程
  • JS - if 中階運用
  • JS - 陣列教學
  • JS - 物件教學
  • JS - 陣列與物件整合運用
  • JS - 函式 function
  • JS - DOM
  • JS - event(事件)
  • JS - AJAX - 網路請求
  • JS - AJAX - axios 套件教學
  • JS - AJAX - POST API 講解
  • Node - V8、Node.js 介紹
  • Node - Node 模組原理
  • Node - NPM
  • 開發多頁式網站實戰講解
  • Todolist RESTful API kata (實作一個待辦清單 API 環境)
  • 知識與實作 - Todolist RESTful API kata


✦ 線上討論群組陪伴共學

學習時,很容易卡在些小細節,需要別人點一下才有辦法繼續前進。

為此我們會透過 Discord 聊天群組來進行討論與陪跑,你將與其他學員一起學習,講師與助教也同時會加入,幫助您學習不卡關!

線上討論群組陪伴共學


✦ 課程相關時程

課程相關時程

卡斯伯老師將會於直播課程中分享「AI x 程式」的實務經驗,並且帶你瞭解 4 道任務如何解題!

  • 開學典禮:2026/3/11 (三) 20:00~21:30
  • 授課日期:2026/3/18 (三)、3/25 (三)、4/1 (三)、4/8 (三)
    • 各授課日期的 20:00~21:30
    • 教學時數:每堂 1.5 小時,共 5 堂(含開學典禮),總計 7.5 小時
  • 作業繳交與發問服務期限:2026/4/19 (日) 23:59
  • 統一提供完課證書:2026/5/8 (五) 23:59
  • 影音觀看期限:2026/9/30 (三) 23:59
  • 報名人數限制:無限制人數
  • 報名門檻與參加條件:無年齡、背景限制

備註:過程中必須花大量的時間吸收知識,並花時間主動輸出訓練,從中提升 Vibe Coding 的技能,並嘗試做出自己的系統。

如果你單純只想觀看影音課程,不想花時間做任務主動輸出,那麼這活動恐怕不適合你。



✦ 報名費用

原價 3,200 元,早鳥優惠價即將公布!


✦ 我要報名

  • 報名時間:2026/3/4 (三) 20:00~3/8(日)23:59
  • 報名隔天會收到開通 Email,引導你進入「程式勇者村」學習輔助平台,並教你如何開始上課!
  • 免費開放課程預約中!立即預約,搶先掌握第一手消息!

LINE 免費預約


✦ 完課獎勵證書

  1. 若有在 4/19 (日) 23:59 前繳交全數任務,助教審核通過者,則可獲得完課獎勵證書。
  2. 若 4/19 (日) 後 ~ 5/8 (五) 期間助教審核失敗,則沒辦法再次提交批改獲得證書。
    備註:若在活動期間被助教退件,可於 4/19 (日) 23:59 前再次提交作業。


✦ 主辦單位

六角學院


✦ 常見 QA

Q:我對直播內容很有興趣,但有幾次沒辦法跟上,會錄影嗎?
A:會的,直播課程的錄影也會收錄到本次課程影音課程列表內。

Q:直播錄影會有觀看期限嗎?
A:直播課程錄影及影音課程皆可觀看到 2026/9/30 (三) 23:59,但若整體同學學習表現積極,老師很常加碼延長,請多把握機會。

Q:作業寫不出來時,有人可以討論嗎?
A:有的,六角學院的課程皆有專屬的 Discord 線上學習社群,你可以透過 Discord 來提出問題與討論,並在其中與講師、助教及同學交流,也可以觀看其它同學的作業來瞭解自己能精進之處。

Q:文中有提到助教批改,助教批改服務什麼時候結束?助教批改過的作業我還可以再次提交嗎?
A:在課程期間內都有助教問答與批改服務,而且只要你有在作業截止期限內皆可再次提交哦!
如果您願意投入學習,那我們就全力支援你到底,六角學院有個名言,就是「只要你不放棄你自己,六角學院就永遠線上支持你到底」。

Q:如何得到完課證書?
A:只要在截止時間 2026/04/19 (日) 23:59 前提交所有指定任務,並且後續有通過助教審核,就能獲得完課證書囉!
截止前未通過也沒關係,可重交至通過或截止為止;逾期後將不再受理提交或重交,若最終未通過則無法取得證書。

Q:我如果在 2026/4/19 (日) 23:59 前做不出作業就沒有證書嗎?
A:是的,不過也不用擔心!根據我們數千人學習的樣本中,只要你每週投入 10 小時學習時間,到指定時間內是能夠做完四道任務的。

Q:我是有好幾年工作的前後端開發者,教的資源會很淺嗎?
A:這次 4 堂直播課程,與 10 小時的影音內容,主要是任務導向,學習目的是「讓一個 Vibe Coding 小白,能夠透過 AI x VibeCoding x 程式打底,從無到有做出一個辦公室應用 + 整合 Google Sheets,並部署自己的服務到公開網域之中」
讓參與 VibeCoding 新手營的同學,從這歷程中學習技術並了解自己是否對 AI 與程式抱有興趣。你也可以觀看影音課程大綱與直播內容中,確認有沒有自己想學習的關鍵字。

Q:我要怎麼開始上課?
A:成功購買課程後,六角學院將會使用 Email 進行開課通知,包含需開通的課程平台說明,請確保您的信箱能收取來自 [email protected] 的信件。

Q:如果我需要退費,該如何申請?
A:本課程為體驗營類型課程,以開學典禮 2026/3/11 (三) 為開課日, 2026/3/11 (三) 前可申請全額退費, 2026/3/11 (三) 起恕不接受退費。

退費流程及注意事項:

  1. 若因個人因素導致無法獲取課程資訊,進而影響課程參與(例如:信箱無法收信、未開通課程、未加入 Discord 頻道等),恕無法因此提供該課程的退費、延期或轉讓等額外補償。建議報名後務必確認課程通知信件及加入相關平台,若有問題請儘早與客服聯繫,我們將協助您完成設定。
  2. 請學員仔細確認各項退費規則,避免影響自身權益。如有任何疑問,歡迎與我們聯繫。
  3. 退費工作流程約 3~5 工作日。
  4. 請來信告知要退費的課程並寄信至六角客服信箱,信件請附上註冊 mail、訂單編號、購買時間,會有小幫手協助進行退款。請注意,如果你是 ATM 轉帳、分期或是超商交易,請一併附上個人銀行帳戶,會以匯款方式退回原繳款人帳戶;如果是信用卡一次付清,則退回原信用卡帳戶。