GenAI 助攻:全程 No Code 輕鬆開發網站應用程式

GenAI 助攻:全程 No Code 輕鬆開發網站應用程式

在這門課程中,您不需要精通程式碼。我們將帶您探索如何使用生成式 AI 工具來實現開發目標。本課程著重於撰寫精準的指令(prompt),讓 AI 成為您的開發夥伴,自動產出所需的程式結果,無論是設計介面還是實現網站功能,並製作出一套屬於你自己的網站應用程式。

進入 GenAI 的世界,您將學會如何透過有效的指令讓 AI 執行繁重的程式工作,並專注於設計和創意的發揮。這不僅是技術的進步,更是創新的方式,讓開發變得輕鬆且高效。

課程大綱

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、免付費伺服器架站方案

實體課程注意事項

本班為實體課程,常見QA詳情連結

校園防疫措施詳情連結

公務員全程參與課程學習後可於課程結束後申請登錄公務人員學習時數

課程影片觀看期限至課程結束後一週關閉

(一)退費期限:開課日後⅓時數內,詳情連結

(二)查詢結業狀況:結業名單連結

近期班次

  • 第458期 停開一期

    課程類別:二五夜間專題班

    開課日期:2025.11.25 ~ 2025.12.09

    上課時間:

    週 (二)(五) 7:00 PM ~ 9:00 PM

    學費:新生新台幣4500元整

    注意事項:

    本課程提供同步直播上課,詳情說明

    停止報名

  • 第460期 招生中

    課程類別:週六上午專題班

    開課日期:2026.01.10 ~ 2026.02.07

    上課時間:

    週 (六) 9:00 AM ~ 11:00 AM

    學費:新生新台幣4500元整

    注意事項:

    本課程提供同步直播上課,詳情說明

  • 講師介紹

    (一) 學歷

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

     (二) 專長領域

    • 醫療健康照護系統設計與分析
    • 使用者介面/體驗研究
    • 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