HTML 3D Projects 1
HTML 3D Projects 2
AR Projects 1
課程名稱: 元宇宙產業程式基礎班 ( Metaverse industry programming Basics courses )
(以 Google Meet 類視訊軟體即時上討論課，連結上課前三天 mail 通知)
課程特色:
以相關 Open Source 專案及相關 Tutorial 為主要教材，
學員以實作及練習為主，本課程影音教材及文字、操作步驟會在 CodingCoffee 平台，
學員可彈性運用時間練習及實作
每周，參予討論課，對實作及技術架構進行交流及深入了解!
課程緣起:
2016 年 CNN 獲得重要明確的 AI 進展，各重要產業巨擘，不只是在建構 AI 技術，同時進行技術的融合。
其中，臉書 、 Google 架構從不同技術角度，進行融合，呈現在不同產業應用!
而 臉書 則以 VR 頭盔做為內容呈現的主體，架構了元宇宙的原型!
這些主要的產業巨擘也將其研究結果貢獻在 Open Source ，講師在兩年前便在規劃及利用不同機會逐步將這課程實踐!
適合對象:
1. 對元宇宙產業願意從技術層面了解的人士
2. 有 2D/3D 設計背景，想要往 程式技術或想要從程式技術了解產品規劃及管理的人士
實作目標:
1. 每周討論案例，充實學員實作專案規劃跟企劃能力
2. 利用 Open source 現有較完整的範例或小專案，進行自己專案的執行及改造
3. 發表作品在網路
課程綱要:
如何利用Git 發表作品
Git 是什麼
簡單HTML 範例
發表你的作品
第一周
1.課前準備及開發工具說明
2.本周元宇宙案例 --兩百字分析報告
3.專案形式定義
4.什麼是Teachable Machine
5.Teachable Machine實作一
6.HTML 與 Javascript簡介及 review
第二周
1.本周元宇宙案例 --兩百字分析報告
2.Teachable Machine實作二
3.HTML Javascript DOM (一)
4.HTML Javascript DOM (二)
5.Three.js Tutorial (一)
第三周
1.本周元宇宙案例 --兩百字分析報告
2.Teachable Machine實作三
3.Three.js Tutorial(二)
4.Three.js Tutorial (三)
5.P5.jsTutorial(一)
第四周
1.本周元宇宙案例 --兩百字分析報告
2.HTML Javascript DOM (三)
3.P5.jsTutorial (二)
4.Three.jsTutorial(四)
5.AI and ML5.jsTutorial(一)
第五周
1.本周元宇宙案例 --兩百字分析報告
2.Three.js Tutorial (五)
3.Three.js Tutorial(六)
4.P5.jsTutorial(三)
5.AI and ML5.jsTutorial(二)
第六周
1.本周元宇宙案例 --兩百字分析報告
2.AR.jsTutorial (一)
3.Three.js Tutorial / VR(七)
4.ML5.js and Tensorflow Tutorial(三)
第七周
1.本周元宇宙案例 --兩百字分析報告
2.本周元專案進展討論
3. ML5.js and TensorflowTutorial(四)
4. Three.js Tutorial / VR(八)
5. AR.jsTutorial(二)
第八周
1.本周元宇宙案例 --兩百字分析報告
2.本周元專案進展討論
3.Three.js Tutorial / VR (九)
4.ML5.jsand TensorflowTutorial(五)
5.AR.jsTutorial (三)
6. NTF 簡介 及 元宇宙四案例介紹
第九周 至 第十二周
1.本周元宇宙案例 --兩百字分析報告
2.本周元專案進展討論
講師背景:
- 自由軟體協會講師
- 資策會程式設計課程講師
- 資策會運算思維實驗教育機構講師
- IC 設計公司驅動程式主管
- IC 設計公司繪圖產品與行銷主管
Coding Coffee 課程平台: https://www.steamcourses.org
github : https://github.com/CodingCoffee-01
podcast : https://podcasts.apple.com/tw/podcast/codingcoffee-%E7%A8%8B%E5%BC%8F%E5%92%96%E5%95%A1/id1573062394
