課程介紹
Chapter 01｜Codex 與開發環境建立
本單元協助學員快速完成開發環境設定，並深入理解 AI 協作開發的運作模式。學員將學習 Codex 的定位與使用優勢，並掌握 VSCode 與 Codex 的安裝、操作及 API 金鑰管理，建立起穩定的開發基礎與 AI 協作流程。
01-1 環境與工具安裝
01-1-1 安裝 Anaconda
01-1-2 安裝 Visual Studio Code
01-1-3 安裝 Codex 擴充套件
01-2 AI 協作開發核心概念
01-2-1 Codex 定位與使用優勢
01-2-2 Codex 與 Claude Code 差異
01-2-3 API Key 機制與基本管理方式
01-2-4 AI 協作開發流程（Prompt → 產出 → 修正）
Chapter 02｜網站規劃與 Prompt 設計
在開工寫 Code 之前，先用 AI 產出一份 Codex 看得懂的網站規格書：資訊架構、內容藍圖、設計系統 Tokens。這是決定後面 Codex 能不能一次到位的關鍵。
本單元著重於網站架構的規劃與高品質 Prompt 的設計技巧。學員將學習如何拆解網站區塊、規劃版面配置，並透過精確的 Prompt 控制設計細節（如色系、字級、間距），最後利用 Anaconda 建立前端開發環境並進行 React 初始化。
02-1 網站資訊與視覺架構
02-1-1 網站資訊架構與區塊拆解
02-1-2 圖像化頁面規劃（版面配置）
02-1-3 區塊內容 SPEC（文案與功能）
02-2 Prompt 設計與環境初始化
02-2-1 Prompt 設計（色系、字級、間距）
02-2-2 使用 Anaconda 建立前端開發環境
02-2-3 React 初始化實作
Chapter 03｜ 前端生成與畫面優化
本單元進入實際操作階段，學員將使用 Codex 生成網站頁面，並掌握元件化（Component）概念。透過引入 Agent Skills 進行 UI 與 Layout 的調整，學員將學會如何進行版面優化，並練習使用 Prompt 對局部畫面進行精確控制。
03-1 前端畫面生成與架構拆解
03-1-1 使用 Codex 生成第一版網站
03-1-2 前端結構拆解（Component 概念）
03-2 UI 優化與互動調整
03-2-1 導入 Agent Skills（UI / Layout）
03-2-2 第二版畫面優化（互動與細節）
03-2-3 局部修改與 Prompt 控制
Chapter 04｜後端建置與資料流設計
本單元將帶領學員跨入後端開發，理解網頁資料流與業務邏輯。學員將學習前後端分工概念，運用 Python 虛擬環境建置後端，並透過 Flask 安裝與 API 建立，完成資料接收的測試，為全端開發奠定核心能力。
04-1 資料流與後端開發基礎
04-1-1 網頁資料流與業務邏輯
04-1-2 前後端分工概念
04-1-3 使用 Anaconda 建立 Python 虛擬環境
04-2 API 開發與測試
04-2-1 安裝 Flask 與必要套件
04-2-2 建立 API 並測試資料接收
Chapter 05｜前後端整合與部署
本單元為整合階段，學員將進行前後端 API 的串接，並確保網頁具備 RWD 響應式設計。此外，學員將熟悉 Git 版本控管的基本操作，並學習如何將專案上傳至 GitHub 並使用 Vercel 完成部署，實現成品上線。
05-1 前後端串接與響應式設計
05-1-1 HTTP / GET / POST 基本應用
05-1-2 前端串接後端 API
05-1-3 RWD 響應式設計
05-2 版本控管與上線
05-2-1 Git 基本操作與版本控管
05-2-2 GitHub 上傳與 Vercel 部署
Chapter 06｜維運與應用延伸
本單元總結 AI 協作開發的實戰應用，幫助學員具備獨立維護專案的能力。內容涵蓋 AI 協作修改流程、註解標記、Prompt 模板化與開發流程建立，並透過企業與接案案例解析，探討未來的多元發展方向。
06-1 專案維護與 AI 協作技巧
06-1-1 AI 協作修改流程（局部更新、除錯）
06-1-2 註解標記（指定修改區域）
06-1-3 Prompt 模板化（建立開發流程）
06-2 應用場景與實務擴充
06-2-1 案例解析（個人網站與企業應用）
06-2-2 接案與模組化開發方式
天地人 AI 師資
天地人文創已通過數位發展部數位產業署「人工智慧技術服務機構能量登錄」，並獲核定為「人工智慧技術教育訓練」類別服務機構。AI 師資群課程與培訓架構亦依循該制度之能力分類與服務範疇設計，確保教學內容與企業導入需求及產業發展趨勢保持一致，協助企業建立可持續運作的 AI 能力。
課程資訊
。課程型態：實體課程 + 線上課程（當天現場錄製回放影片）＋AI 影片（得兌換 6 小時以內全站 AI 線上課）
。課程長度：18 小時（實體 6 小時＋線上 12 小時)
。課程費用：原價 28,000 元
。實體課程地點： IEAT 會議中心（臺北市中山區松江路 350 號）
* 此案複習影片為實體課程現場實錄影片，僅限提供學員做複習之用。自寄發日起算可觀看 30 天。
* 此案 6 小時 AI 進階影片，將於指定日寄發天地人線上課程兌換券，得兌換全站 AI 線上課程一堂課（6小時含以內），每張票券 30 日使用期限，每張票券可觀看課程 30 天，期限內可登錄無次數限制進行學習。 AI 課程線上列表請參閱（僅限 6 小時內線上課程，不適用實體課程、混合型課程）
課程費用：此為活動優惠價，不得與其他優惠同步使用。限量名額，若遇額滿依報名優先順序決定。
天地人學堂
TWMG（TIANDIREN WEALTH MANAGEMENT GROUP）
。主辦單位有權做課程內容增減修與調整優惠適用對象與活動最終解釋權和裁量權。
其他課程，您可能喜歡
生成式 AI × LLM 實作認證班
#生成式AI實作認證班 #LLM應用能力養成 #18小時密集實戰
「生成式 AI × LLM 實作認證班」為 18 小時密集培訓課程，依據數位發展部 數位產業署發布之《AI 產業人才認定指引》能力架構設計，培養 AI 應用素養、AI 工具應用、AI 程式輔助開發與大型語言模型（Large Language Models, LLM）實務應用能力，協助學員建立完整的生成式 AI 應用基礎與導入能力。
授課機構天地人為企業 AI 轉型與應用服務機構，並已通過數位發展部數位產業署 AI 能量登錄，核定為「人工智慧技術教育訓練」類別服務機構，具備企業 AI 導入與人才培訓實務經驗。課程內容以 Generative AI（生成式人工智慧）與 LLM 應用為核心，涵蓋 AI 基礎概念、AI 工具整合、AI 文書與內容生成、圖像與影音製作、AI Agent 自動化流程、API 串接與 Chatbot 建置，並延伸至 RAG（檢索增強生成）與基礎模型訓練概念。
透過案例解析與實作演練，學員將學習如何將 AI 工具整合至實際工作流程，設計 AI 自動化任務並建置 LLM 應用原型，快速建立 AI 導入與應用能力。完課後可具備生成式 AI 應用能力、LLM 實作能力與 AI 工作流程設計能力，作為企業導入 AI 與個人職涯進階之能力基礎，並可銜接 AI 應用相關認證與進階培訓。
