上課準備與資訊溝通

1. 課程開錄影
2. 作業二檢查
3. 點名
4. 成果展與期末報告規定
   1. https://drive.google.com/drive/folders/14ekEoQixhgp_YSfdf47KzJSSkrvjrYa7?usp=sharing
   2. 10 點以前上傳完成：介紹影片：mp4 影片 (1920*1080 以上)，10 分鐘內
      1. 主題說明、小組與組員名稱
      2. 主題大廳 Demo、個別遊戲 Demo
      3. 有背景音樂與旁白，背景音樂不要蓋過旁白
      4. 旁白請同學自行錄製
   3. A1 海報，上面放上 QR Code 連結到 HypeLink 品牌頁
   4. 建立小組的品牌頁：https://hypelink.app/ ，作為整組作品展示彙整
      1. 影片上傳 Youtube：介紹影片
      2. 簡報連結
      3. 組員資訊
      4. Demo 連結

動畫工具

• Transform: 動畫常用的語法
  • https://developer.mozilla.org/zh-TW/docs/Web/CSS/transform
• GSAP
• Motion

https://www.oxxostudio.tw/articles/201803/css-animation.html

• 安裝 GA

資料庫

Next.js 串接 Firebase Realtime Database

一、課程目標

本講義會帶你完成一個簡單的 Next.js 專案，並串接 Firebase Realtime Database，實作：