Emergent AI編程課程

上門編程教學課程內容

課程簡介

本課程專注於 Emergent 這款多代理 AI 全端應用建構平台，讓學員在三小時內透過日常對話描述，快速生成包含前端、後端、資料庫、認證與部署的完整生產級應用。Emergent 使用多代理架構（編碼代理、測試代理、設計代理、部署代理），自動處理從架構規劃到上線發布的全流程，支援電商網站、AI 工具、儀表板等複雜場景。課程強調實作導向，學員將從空白構想到可公開訪問的應用，體驗「英文即程式語言」的未來開發模式，無需任何程式基礎。

課程目標

1. 掌握 Emergent 的多代理協作與提示工程技巧。

2. 能用自然語言生成全端應用（前端 UI + 後端 API + 資料庫）。

3. 學習視覺化測試、迭代優化與程式碼擁有權管理。

4. 完成具商業價值的應用（如電商原型或 AI 工具）並一鍵上線。

5. 建立「無程式碼全端開發」的工作模式，加速創業驗證。

適合對象

• 非技術創業者、產品經理或設計師，想快速製作 MVP。

• 初學開發的學生或轉職者，欲體驗 AI 全端開發流程。

• 小型團隊負責人，希望節省外包成本自主建置應用。

• 企業內部工具開發者，需快速原型化內部管理系統。

課程時長與授課方式

• 全長 3 小時。

• 理論講解約 25%，實作操作約 75%。

• 全程使用 Emergent 網頁平台（Google/Email 登入，純瀏覽器操作）。

• 教學形式：模板示範、個人實作、分組專題與成果分享。

課程大綱

第一部分：Emergent 平台導覽與入門體驗（約 40 分鐘）

• Emergent 核心架構：多代理協作（Coding/Testing/Design/Deploy 代理）。

• 介面導覽：聊天輸入、即時預覽、代理狀態、程式碼檢視與部署面板。

• 提示工程基礎：如何描述完整應用需求（功能、UI、資料流程）。

• 實作練習：

  • 輸入「建立一個待辦事項應用，支援登入、即時同步、行動端響應」，觀察多代理自動分工生成前端、後端、資料庫。

第二部分：全端應用生成實戰（約 70 分鐘）

• 多代理協作：Coding 代理寫程式碼、Testing 代理執行測試、Design 代理優化 UI。

• 迭代優化：透過對話調整（「加入深色模式」、「增加資料匯出」、「優化行動端導覽」）。

• 視覺化測試：截圖比對、自動化 QA、跨裝置預覽驗證。

• 實作練習（個人任務）：

  • 打造「簡單電商原型」，包含商品展示、購物車、結帳流程與管理後台。

第三部分：進階功能與程式碼擁有權（約 50 分鐘）

• 程式碼檢視與自訂：瀏覽生成原始碼，手動調整邏輯或整合第三方 API。

• GitHub 同步：一鍵推送至儲存庫，支援分支管理與版本控制。

• 部署管理：自訂域名、環境變數、SSL 證書與效能監控。

• 實作練習：

  • 將電商原型同步至 GitHub，並部署為公開網站，測試真實購物流程。

第四部分：商業應用與成果展示（約 20 分鐘）

• 信用點管理：免費額度使用策略、付費方案選擇與成本控制。

• 成果展示：學員分享上線應用，對比不同提示的效果差異。

• 商業應用討論：MVP 驗證、A/B 測試、客戶反饋迭代。

• 延伸學習方向：

  • 複雜業務邏輯（訂閱系統、多租戶）。

  • AI 代理整合（聊天機器人、圖片辨識）。

課程特色

• 真全端開發：前端 UI、後端 API、資料庫、認證、支付一條龍自動化。

• 多代理協作：專業分工確保程式碼品質與使用者體驗。

• 零程式基礎：非技術人員也能製作生產級商業應用。

• 三小時內從空白到公開上線網站，支援自訂域名與 SSL。

• 程式碼全權擁有：GitHub 同步 + VS Code 擴充，開發者可自由擴充。