吳濟聰老師領科學程110學年度行動應用程式設計課程教材
| 週次 | 日期 | 內容 |
|---|---|---|
| 1 | 02/23 | 建立一個react程式，請複習HTML、CSS語法，並請參考Javascript基本語法 |
| 2 | 03/02 | react元件 1 |
| 元件基本概念: useState() useEffect() props | ||
| 3 | 03/09 | react元件 2 (表單: 事件處理) |
| 4 | 03/16 | react元件 3 (表單與陣列) |
| 一題多個答案、利用Radio button提供單選題 | ||
| 5 | 03/23 | react元件 4 (元件互動) |
| 利用props更換單元 | ||
| 6 | 03/30 | 讀取雲端服務 (firestore) |
| 7 | 04/06 | 春假 |
| 8 | 04/13 | 篩選、排序 (firestore) |
| 讀取不同單元的題目 | ||
| 9 | 04/20 | 多頁面處理 (React Router) |
| 10 | 04/27 | 登入 (firestore) |
| 11 | 05/04 | 新增資料 (firestore) |
| 12 | 05/11 | 更動資料 (firestore) |
| 13 | 05/18 | 更動及刪除資料 (firestore) |
| 14 | 05/25 | 分組、討論期末專案 (Material-UI) |
| 功能面: | ||
| 每位同學一個科目、五個單元 填空題 (30%) | ||
| 記錄各科目、單元答對題數 (10%) | ||
| 單選題 (20%) (題目、選項及答案儲存在firestore) | ||
| 複選題 (20%) (題目、選項及答案儲存在firestore) | ||
| 網頁(文字)教材 (10%) (內容儲存在firestore) | ||
| 多媒體 (圖片或影片) (10%) (名稱或連結儲存在firestore) |
以上功能必須使用到課程中介紹的概念
React: Component、Props、Routing
Firestore: 讀取、新增、修改
Firebase Authentication
Context額外加分
根據組內分工計算分數 | | 15 | 06/01 | Firebase 進階主題 | | 16 | 06/08 | React 進階主題: Context | | 17 | 06/15 | 期末專題報告、驗收 | | 18 | 06/22 | 期末專題報告、驗收 |