AI VIBE CODING 

讓學生利用 GenAI (WebSim) 以自然語言直接構建 Web App。課程跳過枯燥代碼，專注於 指令工程 (Prompt Engineering) 與 系統架構 。模擬真實 Startup 開發流程，從 MVP 構建到產品路演，我們不只教編程，更培養具備 產品經理 (Product Manager) 視野的未來創科領袖，讓學生真正駕馭 AI，從使用者晉升為創造者 。

AI 魔法創意大師

(P1-P3)

 

核心特色： 從「想像」到「顯現」學生輸入指令生成場景，體驗 GenAI 的神奇。

課程重點：

  • 形容詞魔法： 學習優化 Prompt，讓生成結果更精準。

  • 神奇故事書： 製作多頁面連結，設計冒險故事。

  • 會動的玩具： 加入按鈕與對話框，製作互動電子寵物。

未來遊戲架構師

(P4-P6)

 

核心特色： 模擬真實開發。引入 物理引擎 (Physics) 與 變數概念。

  課程重點：

  • 物理實驗室： 設定重力與碰撞邊界，製作接球遊戲。

  • 遊戲邏輯大師： 學習數值增減 (Score) 與勝負判斷。

  • 專案經理： 分組開發完整遊戲，修復 Bug 並生成 QR Code 進行路演。

創意黑客

(F1-F2)

 

 

核心特色： 透過「惡搞 (Prank)」引發興趣，在混亂中學習 UI/UX 與代碼邏輯。

課程重點：

  • 藍屏死機： 學習 CSS 樣式控制，製造偽造系統畫面。

  • 噪音梗圖： 製作 Soundboard，學習事件監聽 (Event Listener)。

  • 病毒心理測驗： 製作具備社交分享功能的測驗網頁。

 

全端創業家

(F3-F5)

 

 

核心特色： 模擬真實 Startup 開發，強調數據持久化與 MVP (最小可行性產品)。

課程重點：

  • 少年股神： 串接 Chart.js 繪製實時圖表，模擬股市交易。
  • 地下黑市： 搭建電商購物車系統，計算庫存與動態定價。
  • 創業路演： 完成產品 Landing Page，進行 1 分鐘電梯演講 (Elevator Pitch)。

 

Create Your Own Website With Webador