Vibe Coding 公益程式體驗營

讀者您好，我是 六角學院 的洧杰校長：

2025 年花蓮仍飽受災情影響，再加上近期 Vibe Coding 引發不少對立與衝突。
為此我們決定釋出學習資源，舉辦 【Vibe Coding 公益程式體驗營】 - 從零到上架網站一條龍，透過 30 天的程式特訓，帶大家完成屬於自己的個人天氣網站服務。

這堂課由六角學院主辦，協辦單位 Zeabur 全程支援，幫助學員徹底掌握程式上架與部署的細節。課程期間，Zeabur 不僅會提供伺服器技術線上協助，六角還會於 11/06 至 12/06 共 30 天 在 Discord 開設專屬頻道，讓學員能即時交流與提問。

如果您符合以下條件，歡迎您來進修：

• 從沒寫過程式，但想體驗當下最夯的 Vibe Coding
• 已經開始 Vibe，但缺乏程式基礎，常因環境問題受挫
• 想上架自己的網站，但擔心會遇到資安風險

這堂課跟坊間 Vibe Coding 課程的差異？

大部分的 Vibe Coding 課程，都強調「零基礎就能快速做出系統」。

但我們在第一線教學中發現，許多同學在實作過程中，會因缺乏 軟體環境通識 而卡關：

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

因此我們設計了這堂課，將 程式通識與 Vibe Coding 以 7：3 比重 交叉結合。

不只帶你學會 Vibe Coding，更讓你理解必要的系統環境知識，放大未來的開發價值。

此次公益程式體驗營您會獲得什麼

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

在這 30 天裡，我們將帶您 從零開始部署專屬的天氣網站服務，到完整上架到 Zeabur 與 GitHub 上。

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

30 天程式體驗營我們提供什麼資源給您

• 4 場直播教學，11 月的每週四晚上，由六角校長洧杰老師親自授課
• 10 小時總計超過 100 部的前後端程式影音課程
• 活動期間提供線上程式助教團隊，協助批改任務與小節作業
• Discord 線上討論群組，講師與助教也同時會加入，幫助學習不卡關
• 活動期間提供 4 道主線任務，2 個小節作業，確保您真的學會

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
• 這堂課你會掌握到的 AI 關鍵字：LLM、AI、ChatGPT、Claude、提詞(Prompt)
• 當週任務：部署自己的個人網站吧！

第三週：網站系統環境全攻略

在商業世界中，要了解系統環境至關重要，在開發前就必須對系統的前端、後端、資料庫環境有足夠的了解，你才有辦法 Vibe 出自己想要做出來的架構

這堂課將會分享講師這 20 年來，所經歷過各種大大小小的網站系統架構圖分享給您

你將會拿到系統環境圖懶人包，幫助您在 Vibe 時，可以做出自己期望的系統架構！

並且會真實使用雲端伺服器 Zeabur 服務，部署自己的後端應用服務

這堂課程，我們會一次將常見的系統環境全數介紹給您

• 這堂課你會聽到的技術關鍵字：前端、後端、資料庫、系統設計、金流設計、CI/CD、API、 AWS、Docker
• 當週任務：Zeabur 專屬任務，部署第一個後端應用程式！

第四週：申請 API 好簡單，資訊安全要把關！做自己的個人天氣服務全端系統吧！

在掌握了系統環境的全貌之後，本週將正式踏入「資料交換」的核心 —— API

你將學會如何申請並串接天氣 API，並一步步打造出屬於自己的全端天氣應用，並部署到 Zeabur 雲端伺服器上供他人使用~

除了 API 串接，我們也會特別強調 資訊安全，讓你了解為什麼 Token、金鑰、驗證機制如此重要，並避免常見的資安漏洞

• 這堂課你會運用到的技術關鍵字：
• API 申請與串接（REST API、JSON、Fetch、Axios）
• API 金鑰與安全（Token、環境變數、.env 檔管理）
• 後端串接與資料處理（Node.js / Express）
• 全端應用部署（Zeabur）
• 資訊安全基礎
• 這堂課你會掌握到的 AI 關鍵字：LLM、AI、ChatGPT、Claude、提詞(Prompt)
• 當週任務：做自己的個人天氣服務全端系統吧！

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 聊天群組來進行討論，講師與助教也同時會加入，幫助您學習不卡關。

直播授課期間

主要是由六角校長洧杰，分享此活動的 4 道任務該如何寫，並會在直播過程中分享 AI x 程式實務經驗，分享該如何解題。

• 開學典禮：10/30(四) 20:00~21:30
• 授課堂數：11/6(四)、11/13(四)、11/20(四)、11/27(四)
  • 各授課堂數的 20:00~21:30
  • 教學時數：每堂 1.5 小時，共 5 堂（含開學典禮），總計 7.5 小時
• 作業繳交與發問服務期限：12/7(日) 23:59
• 統一提供完課證書：12/21(五) 23:59
• 影音觀看期限：2026/3/31 23:59
• 活動人數限制：無限制人數
• 報名門檻與活動條件：無年齡、背景限制

備註：此公益活動，是希望讓遭受 AI 與災情打擊的民眾，能藉此機會瞭解 AI x Vibe Coding 程式領域。過程中必須花大量的時間吸收知識，並花時間主動輸出訓練，從中瞭解自己是否對 Vibe Coding 有興趣，並嘗試做出自己的系統。

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

報名費用 & 公益費用

本活動收取 799 元基本費用，費用用途包含：

1. 基本系統營運費 300 元
2. 其餘 30% 費用，扣除助教基本人力營運費後，全數捐贈予「財團法人賑災基金會 0923花蓮馬太鞍溪堰塞湖災害專案募款」

我要報名

• 報名時間： 10/27(一) 21:00 ~ 10/29(三) 23:59
• 請 10/27(一) 晚上9:00 再來到此頁面，將會多一顆註冊按鈕進行報名
• 報名隔天，會收到開通 Email，引導您進入程式勇者村 - 學習輔助平台
• 在系統課程介面上，就會教您如何開始上課！
• 免費開放課程預約中！立即預約，搶先掌握第一手消息

報名截止

Vibe Coding 完課獎勵證書

1. 若有在 12/7 前繳交全數任務，助教審核通過者，則可獲得完課獎勵證書。
2. 若 12/7~12/21 期間助教審核失敗，則沒辦法再次提交批改獲得證書

備註：若在活動期間被助教退件，可於 12/7 前再次提交作業

主辦單位

協辦單位

常見 QA

Q：為什麼這次報名時間那麼短？只有 3 天時間？
A：我們藉此來篩選積極爭取機會的學生，同時提升團體教學品質。你願意相信六角，那我們也願意掏心掏肺地把您教到會。只要你不放棄自己，我們就在線上永遠挺你到底。

Q：我對直播內容很有興趣，但有幾次沒辦法跟上，會錄影嗎？
A：會的，同時會放到本次課程影音課程列表內。

Q：直播錄影會有觀看期限嗎？
A：有的，是到 2026/3/31，但若團體學生學習表現積極，老師很常加碼延長，請多把握機會。

Q：任務寫不出來時，線上有人問嗎？
A：有的，你能透過線上聊天軟體 Discord，來線上詢問大家，同時您也能觀看其它同學的作業，瞭解自己能精進之處。

Q：我如果在 12/7 前做不出作業就沒有證書嗎？
A：是的，根據我們數千人學習的樣本中，只要您每週拿出 10 小時學習時間，到指定時間內是能夠做完四道任務的。

Q：文中有提到助教批改，那可以批改完再次提交嗎？
A：可以，在活動期間皆可提交。如果您願意研究技術，那我們就全力支援你到底，六角學院有個名言，就是「只要你不放棄你自己，六角學院就永遠線上支持你到底」。

Q：我是有好幾年工作的前後端開發者，教的資源會很淺嗎？
A：這次 4 堂直播課程，與 10 小時的影音內容，主要是任務導向，學習目的是「讓一個 Vibe Coding 小白，能夠透過 AI x VibeCoding x 程式打底，從無到有做出一個前後端系統+ 整合 API 應用，並部署自己的天氣服務到 Zeabur 雲端伺服器」。讓參與體驗營的同學，從這歷程中了解自己是否對 AI 與程式抱有興趣。您可以觀看影音課程大綱與直播內容中，有無自己想學習內容。