Vibe Coding
AI 開發網路應用實戰班

學習最潮的 “Vibe Coding”,程式小白也能輕鬆開發網站應用服務!

上完本課程你將:
秒懂 Prompt 工程:用「任務 + 限制 + 範例」三段式結構,寫出讓 AI 一次就聽懂的指令,並掌握多輪對話迭代技巧。
Vibe Coding 全流程:從概念、Cursor 操作到 Ask/Edit/Agent 實戰,體驗「一句話生程式」的威力。
基礎到進階網站開發:表單驗證、資料清理、排程提醒,再到 Tailwind 快速美化與外部 API 串接,一次學會。
雲端部署實戰:用 Firebase CLI 一鍵 deploy,獲得 HTTPS 網址+全球 CDN 加速,打造可分享的個人作品集。
AI 敏捷協作思維:20 分鐘做出微型產品,體驗 AI 提升 55% 以上開發效率的真實感。

另外限時加碼贈送:
🎁 Vibe Coding 最佳工具 Cursor 1 個月付費帳號(價值美金 $20)
🎁 專屬學員群組,學習、討論不中斷

▎課程資訊

時間:隔週 2 整天共 12 小時

人數上限:40 人(20 人以上開班)

全實體互動課程,地點請見下方開課梯次

▎適合對象

  1. 創業家、產品經理:自行開發原型或 MVP(最小可行產品)來驗證商業模式。
  2. UI/UX/視覺互動設計師、行銷人員:將創意轉化為實際的視覺效果,理解技術限制,與開發團隊更順暢地溝通。
  3. 創意工作者:探索、表達和創造獨特的視覺或互動體驗。

▎開課梯次

🌐 台北班
📍 A 班 – 2025/6/27(五)、2025/7/4(五),09:30-16:30,台灣文創訓練中心(即將開放報名)

▎課程費用

  • 原價 $16,000
  • 限時優惠 $10,000

想用一句話就讓網站服務「自己生出來」嗎?

別再苦學語法、卡在部署!【AI 開發網路應用實戰班】讓你用自然語言 × AI,一鍵生成、輕鬆上線!

你是否也遇到這些「卡關」?

  • 想做網站卻看不懂 HTML、CSS,學了又忘?
  • 外包動輒數萬元、需求改一次就加價?
  • 上 Udemy、YouTube 自學,照打還是跑不動?
  • 部署最頭痛:伺服器、DNS、SSL 聽起來就崩潰?

💡 別再被程式語法綁架! Vibe Coding + Cursor AI = 零基礎也能「用對話寫程式」的超能力!

這門課,帶給你 4 大保證

Prompt 神操作——掌握 3C 結構,跟 AI 對話就像開口點菜。
AI 開發超快速——只要會下命令,Cursor Agent 幫你從草稿到完工。
即戰力功能包——表單、資料清洗、排程提醒…課程全都直接做給你看。
全球上線只要 1 行指令——Firebase 部署,全球公開網址直接分享到 IG!

💡 別再用「傳統方法」硬碰硬! AI 自媒體經營術,才是社群爆紅的「流量密碼」!

🔥 單元一: prompt 工程和 Vibe Coding 基礎 (2.5 小時)
  • 下好 prompt 的三段式結構
  • Vibe Coding 基礎概念
  • Cursor AI 基本操作
  • 使用 Vibe Coding 的常見疑慮!
🔥 單元二Vibe Coding 下命令技巧與對話式開發初體驗 (2 小時)
  • 如何與 AI 協作思考:拆解任務 × 控制邏輯 × 多步對話
  • 多輪對話:需求→草稿→測試→修正→重構循環。
  • 控制指令:角色、風格、輸出格式、測試優先。
🔥 單元三基礎實戰 (3 小時)
  • 自動產生網頁文字:歡迎頁與活動介紹頁 (HTML)。
  • 基本表單:姓名 / Email / 驗證 / 送出提示。
  • 資料清理器:去重、補空值、小型 CSV 清洗。
  • 任務排程提醒器:前端排程頁面 + 本機通知 (非即時)。
🔥 單元四: 進階實戰 (2 小時)
  • UI 強化:Tailwind / Bootstrap 快速美化。
  • 錯誤處理:try-catch、使用者友善訊息。
  • 引入外部 API(選配):匯率、天氣、生成圖像 API。​
  • 功能升級:學員擇一任務延伸(例:表單連結 Google Sheets)。
🔥 單元五: Firebase 部署 × 個人網站(1.5 h)
  • 建立 Firebase 專案、初始化 firebase.json
  • firebase deploy 流程:本地 → Cloud CDN → HTTPS。
  • 成果:每位學員擁有 https://username.web.app 作品集。
🔥 單元六: 成果發表(1 h)
  • 20 分鐘快速開發微型產品:如「自動報價單產生器」。
  • 產品展示:功能可用+即時示範部署網址。
  • 講師反饋:程式可維護性、Prompt 清晰度、UX 完整度。

💥 課程有供餐嗎?

Ans:有!中午有提供餐盒。

💥 上課需要帶電腦嗎?

Ans:要!課堂中有大量實作演練,建議電腦先充飽電。課程內容豐富、進行緊湊,不建議使用無鍵盤的平板。

💥 上完這門課後有進階課程嗎?

Ans:有!針對企業主還有「AI 戰略領航班」學習如何運用 AI 做戰略決策;若想深入瞭解自動化應用,可以選擇「企業 AI 流程自動化應用」;若對數據分析有興趣,可以選擇「AI 數據透視眼」進階學習。

💥 報名流程為何?

Ans:
報名:填寫線上報名表,完成線上報名。
繳費:線上報名後一個小時內將收到繳費資訊的電子郵件通知,請於三個工作天內完成繳費。
確認:完成繳費請至報名時填寫之聯絡人信箱收取確認信函。
提醒:課程前一週,我們將寄發課前通知,敬請留意課程相關資訊。

💥 30人以下企業如何申請政府補助?

Ans:如果你的企業最近6個月任一個月投保人數為30人以下之製造業或服務業(限為本國籍員工),即可申請「30人以下中小企業數位轉型」之學費補助,每人上限1萬元,每一家申請補助上限10萬元至114年12月31日下午5時止。詳細規定請參考【30人以下數位轉型協助】、來電 02-7717-9386,或是加入【airabbi 官方 LINE】將有專人為你說明。
申請流程如下(擷取自經濟部資料):

30人以下數位轉型培力補助流程

若你還有其他問題,歡迎透過官方 LINE 與我們聯絡!

💥 課程調整

因 AI 進步速度太快,為了讓學員掌握最新應用,主辦單位保有最終修改、變更課程內容之權利。

💥 發票統編開立辦法

若需開立統編,請在報名時務必要填寫統一編號相關欄位(公司抬頭、統編、公司聯絡地址),發票一但開立無法更改,敬請留意資訊正確性,感謝您的體諒。

💥 退費規定

因名額有限,於開始日 30 天(含) 前提出,酌收手續費 350 元;
於開始日 15~29 日前提出,退回 85% 學費;
於開始日 4~14 日前期提出,退回 60% 學費;
於開始日 1~3 日前期提出,退回 30% 學費;
於當日不論是否報到,不接受退費。
團報方案若有退費需求,需整團辦理退費,恕不接受單獨退費;因個人因素無法繼續參加,請自行轉讓名額,並主動通知 airabbi 瑞比智慧。

💥 其他退費規定

若因颱風、地震、豪雨、疫情等不可控之因素,依當地政府規定停課與否,本單位恕不另行通知;因上述因素課程擇期延後上課,學員可申請全額退費或更改上課梯次。

💥 個資相關規定

為遵守個人資料保護法,課程期間所拍攝之照片/影像/聲音,僅做相關活動推廣, 若不同意請主動告知,否則即視同同意提供。

限時優惠
$ 10,000 /人

原價 $16,000
30人以下服務業、製造業,政府補助免費上課!

想瞭解更多…

歡迎透過 airabbi 官方 LINE
或是來電:(02)7717-9386
將有專人解答您的問題!

「Uncle Jerry」的個人頭像

講師:林士翔 (Jerry)
現職:瑞比智慧科技 airabbi/CodingBar 創辦人、學次方創意學習協會理事
學歷:成大電機所、政大 EMBA
經歷:前洋華光電新事業開發副總、前BenQ資深產品經理 (蘇州手機研發中心首任產品經理)

橫跨理工、商管背景,同時兼具理論和實務經驗,只教你最務實有效的做法!

授課單位:
新竹工業會、灃禾集團、苗栗工業會、安普騰科技教育、佳世達/邁達特、金益鼎、元昶玻璃、巨磊電機、台灣永續能源研究基金會、桃園工業會、健行科大、桃園工策會、展綠科技、台安傑天使投資、久大軸承、台北醫學大學、祥記實業、文化大學、富邦人壽、大量科技、台虹科技、益福生醫、紡織產業綜合研究所、曜磊全球、崧虹科技、荷風國際、台北市商業會

「Joe」的個人頭像

講師:世驊 (Joe)
現職:瑞比智慧 AI 轉型顧問
經歷:凱擘自動化應用顧問、airabbi AI 應用學院資深講師,超過 3,000 小時科技教育教授經驗

專長:Python/C++程式設計、AI 應用、AI 流程自動化、AR/VR 虛擬實境開發



相關課程
企業內訓

最符合企業需要

客制化企業培訓

專為企業特定需求設計

AI 自媒體經營術

特別為企業需求設計

AI 應用學院

打造具 AI 競爭力的企業

推薦文章

🌏 不用砸大錢!中小企業AI應用快速上手
🌏 5 個企業導入AI案例,人人都負擔得起!