和AI一起寫程式：創意生活應用 AA
Coding with AI: Creative Everyday Projects
115-1 課程介紹 | 國立東華大學 通識教育中心
GENERAL EDUCATION · COURSE INTRO
和AI一起寫程式：
創意生活應用
創意生活應用
Coding with AI: Creative Everyday Projects
vibe coding 入門：用聊天的方式寫程式，把你的點子做成能分享的作品
不用背語法零基礎友善作品放得上網
COURSE INFO
課程資訊
班別／課號
AA 班 GC__68210・系統編號 115189112
校核心選修・3 學分・17 週新制
校核心選修・3 學分・17 週新制
上課時間
週一 第 4–6 節・09:10–12:00
教 室
理工二館 E403
授課教師
陳文盛 TA：開學前待補
聯 絡
Microsoft Teams 發訊息・wschen@gms.ndhu.edu.tw
課堂平台
課堂點名 Zuvio・交作業 Microsoft Teams・課堂共筆 HackMD
Slido #・Teams 代碼開學前補
Slido #・Teams 代碼開學前補
WHERE WE MEET
上課地點
理工二館 E403 AI 教室
【教室平面圖・開學前補】
YOUR INSTRUCTOR
關於我 陳文盛
專案助理教授・國立東華大學 通識教育中心
「最熱門的新程式語言，是英文。」
—— Andrej Karpathy（「vibe coding」一詞發明人）
Email
wschen@gms.ndhu.edu.tw
電 話
03-890-6610
研究室
理工二館 C306
聯絡
Microsoft Teams 發訊息
OFFICE
研究室位置
理工二館 C306
【研究室平面圖・開學前補】
JOIN AT SLIDO.COM
拿出手機，
先認識一下你
先認識一下你
掃 QR Code 加入 slido.com · #開學前待補
等等問你：你心中的 AI 像什麼、你來自哪個系、用過哪些 AI 工具
QR 待補
WHAT YOU'LL LEARN
這門課在學什麼：三部曲
為非資訊背景設計——不背語法、不刷題，練的是把想法說清楚、讓 AI 動手的能力
PART 1
聊天就能寫程式
提示基本功、AI 倫理與資料安全；用 Google Colab 跑 AI 產生的 Python。邏輯用鬧鐘、紅綠燈、點餐來理解，Debug 交給 AI 家教。
PART 2
從程式到能用的作品
AI Canvas（Claude Artifacts、ChatGPT Canvas、Google AI Studio）即時生成互動網頁，串上 AI 功能，再用 GitHub Pages 免命令列發佈。
PART 3
走進本機開發
VS Code、命令列、Git／GitHub 完整流程；AI CLI 終端代理（Google Antigravity、Claude Code）陪你衝刺期末專題。
COURSE DESTINATION
這門課的終點：
你的第一個上線作品
你的第一個上線作品
三段旅程：先用網頁 AI 對話寫程式，再免安裝做出互動 Web App，最後走進本機開發——期末端出一個真的放上網的創意應用。
01用對話寫程式
→
02做出互動 Web App
→
03走進本機開發
17-WEEK ROADMAP
17 週課程地圖
W1
Vibe Coding 初體驗
W2
提示基本功·AI 倫理
W3
Colab 跑第一支 Python
W4
停課（教師節）
W5
邏輯就是生活
W6
Debug 不用怕
W7
生活小工具·分組啟動
PART 1 · 聊天就能寫程式（W1–9）
W8
停課（光復節補假）
W9
期中小作品發表
W10
認識 AI Canvas
W11
動手做互動 Web App
W12
作品串 AI·上線分享
W13
VS Code 與 AI 編輯器
W14
命令列入門·期末啟動
W15
Git 與 GitHub
W16
AI CLI 終端代理衝刺
W17
期末發表與旅程回顧
P1 續
PART 2 · 從程式到能用的作品（W10–12）
PART 3 · 走進本機開發（W13–17）
●＝每週主題 ●＝期中／期末里程碑 · 色帶＝三部曲分段
GRADING
成績怎麼算
10%
平時成績
參與和小練習
20%
作業成績
作業與小專案
30%
期中作品
各組展示用網頁 AI 完成的 Python 小工具
40%
期末專案
創意應用成果發表＋旅程回顧
沒有筆試。期中發表小作品和提示心得；期末展示從網頁 AI 一路到 AI CLI 的創意應用，並回顧你的 vibe coding 旅程。
GETTING HELP
卡關了，怎麼找我
Microsoft Teams
直接發訊息給我
Email
wschen@gms.ndhu.edu.tw
上 Slido，問問題不用舉手。
JOIN ON TEAMS
加入 Teams 課程
- 用學校 Office 365 帳號（先啟用國立東華大學 Office 365）
- 建議安裝 Teams 桌面版
- 團隊代碼：【開學前待補】
OUR PLATFORMS
這門課的網路工具
課堂點名
Zuvio
交作業
Microsoft Teams
課堂共筆
HackMD
TOOLS WE'LL TRY
課堂會親手用到的工具
用對話寫程式
ChatGPT · Claude用自然語言產生、解釋、修改程式
Google Colab瀏覽器直接跑 Python，免安裝
免安裝做 App
Claude Artifacts · ChatGPT Canvas對話視窗即時長出互動網頁
Google AI Studio描述需求，就給你能玩的原型
分享作品
GitHub · GitHub Pages免費把作品放上網，網址直接傳給朋友
本機開發
VS Code開發者的正規編輯器
AI CLI 終端代理Google Antigravity·Claude Code——AI 在終端機幫你讀檔、改檔、跑程式
課堂點名Zuvio
交作業Microsoft Teams
課堂共筆HackMD
工具會換、能力不換——實際以開學當週的等效工具為準
FOR DAILY USE
日常 AI 工具推薦
聊天機器人
ChatGPT·Claude·Gemini
程式遊樂場
Google Colab·AI Studio
作品基地
GitHub·GitHub Pages
第一週先挑一個順手的就好，不用全裝；之後再慢慢擴充。
WHAT TO BRING
上課要帶什麼
- 可上網的筆電（後段會裝免費的 VS Code）
- GitHub 與 Google 帳號（都免費，課堂會一起辦）
- 教室在理工二館 E403（人工智慧教室），限修 40 人——有插座的位子先到先選
HOW WE USE AI
這門課的 AI 使用守則
可以用 AI 學習與創作，但你要——
01
能解釋自己的過程
說得出你怎麼問、怎麼改、為什麼這樣決定。
02
會查證 AI 的輸出
AI 會錯也會編；交出去前你要查過。
03
守學術誠信
遵守誠信、隱私與著作權。
BACK TO SLIDO
最後，
聊聊你的期待
聊聊你的期待
再掃一次 slido.com · #開學前待補
修課動機、你最想用 AI 幫你完成什麼事、一個詞形容你的期待
QR 待補
SEE YOU NEXT WEEK
歡迎來到
和AI一起寫程式：
創意生活應用
和AI一起寫程式：
創意生活應用
下週預告：提示基本功——把話說清楚，AI 才會做對
小任務：想一個你希望程式幫你解決的生活小麻煩，帶來上課
課程網站：cwstedctw.github.io/ndhu-ted-course-hub/courses/11501-ai-coding/