1. 認識如何使用 GenAI 工具
- 介紹生成式 AI 工具與應用場景：了解生成式 AI 如何協助開發網站應用程式
- 熟悉 Cursor 編輯器：探索 Cursor 的界面與功能，如何使用其 AI 編輯與自動生成代碼的特性
- 指令（prompt）設計基礎：教學如何撰寫精準的指令，讓 Cursor 能產出精確的程式碼結果

2. 透過 GenAI 學習程式語言與高效編程的技巧
- GenAI 助攻的程式語言入門：不需程式設計知識，輕鬆掌握 HTML、CSS、JavaScript、React.js 的基礎
- 高效程式碼生成技巧：使用 AI 優化程式碼、解決錯誤，並進行程式碼重構
- 最佳化開發流程：學會讓 AI 分擔重複性任務，專注在創意與設計

3. 案例一：設計一個作品集網站
- 需求分析與指令設計：如何編寫指令，讓 AI 生成適合展示作品的網站布局
- 建立網頁結構：運用生成式 AI 生成基本的 HTML 和 CSS 結構
- 設計與調整介面：利用 AI 的幫助快速實現設計樣式的微調和頁面佈局的優化

4. 案例二：設計屬於你自己的筆記與待辦事項軟體
- 功能需求定義：定義筆記管理與待辦事項的基本功能
- 利用 GenAI 建構應用邏輯：生成 JavaScript 程式碼來實現各種互動功能
- 界面設計與用戶體驗：生成簡單且直觀的使用者介面，實現筆記與待辦的管理系統

5. 案例三：結合 OpenAI 設計一個屬於你自己的聊天機器人
- 設定 OpenAI API 串接：教學如何取得 OpenAI API 密鑰並實現基本串接
- 設計聊天功能與對話流程：定義指令，生成基本對話邏輯，打造互動流暢的聊天體驗
- 優化聊天機器人的反應：根據使用者需求，持續調整指令來改善回應準確性

6. 學員案例成果展示與優化建議回饋

本課程不需要參與者有任何程式設計基礎，適合任何想使用AI打造自己網站應用程式的人。

Cursor AI Code Editor、Trae AI Code Editor、免付費伺服器架站方案

(一) 學歷

• 國立臺灣大學生醫電子與資訊學研究所博士候選人
• 國立陽明交通大學生物醫學資訊研究所碩士
• 慈濟大學醫學資訊學系學士

 (二) 專長領域

• 醫療健康照護系統設計與分析
• 使用者介面/體驗研究
• AI輔助醫學影像診斷
• 程式教育培訓

 (三) 經歷&發表、競賽

• Codingsayhi共同創辦人兼程式講師
• 大專院校、醫療機構 兼任講師
• 航宇程式教育學苑 教學長
• 猿創力程式設計學校 程式講師
• 智波源科技股份有限公司 資訊技術總監
• 九日生行動健康科技 軟體工程師
• 國立臺灣大學醫學院附設醫院 研究助理
• 佛教花蓮慈濟醫院 研究助理
• 高雄榮民總醫院研創中心 研究助理
• 2025 TAIWAN E-LEARNING FORUM 最佳論文獎
• 2024智在家鄉數位社會創新競賽潛力獎：TMINUN，你的未來布
• 2022/20th全國大專院校商業個案大賽初賽決選：小雞會飛
• 碩士畢業論文「遊戲化運動處方之研究-以周邊動脈阻塞疾病為例」
• 林口新創園跨界超越競賽晉級決賽：後山小美女說了算 GRO+
• 國立陽明大學數位醫學中心「防疫智能行動平台」記者會
• AAPINA&TWNA Joint International Conference
• 47th International Exhibition of Inventions GENEVA

 (四) 證照

• 台灣醫學資訊分析師（醫資證（分）1082字第001號）
• 台灣醫學資訊管理師（醫資證（分）1072字第034號）

 (五) 個人網站

IG：codingsayhi