行動裝置程式設計

2021/09/17 (重新整理)
2021/12/28 (更新內容)

這個教學網站是為了輔仁大學資訊管理學系110學年度的「行動裝置程式設計」課程。「行動裝置程式設計」課程主要會涵蓋:

第一週 9/22

• 成績

  • 個人課堂作業 (40%)

  • 小組學期專案 (60%)

    • 根據使用到課程中介紹概念的程度計分 (約佔80%)

      • React: Component、Props、Routing、Context

      • Firestore: 讀取、新增、修改、刪除

      • Firebase Authetication

      • Deployment到github或其他雲端服務

    • 額外研究的部分加分 (約佔20%)

    • 根據組內分工計算分數

• 課程介紹

  • Javascript

  • Git (王曉瑜的筆記)

  • CodeSandbox (王曉瑜的筆記)

  • First React (排除軟體安裝相關問題)

第二週 9/29

• React basics 1

  • First React (語法說明)

  • Functional Component

    • useState

    • useEffect

  • Javascript

    • function

      • arrow function

      • callback function

    • array

第三週 10/06

• React basics 2

  • Functional Component

    • props

    • Material-UI

      • List、ListItem、ListItemText

第四週 10/13

• React basics 3

  • Form

  • Material-UI

    • Dialog、Input 、TextField、Button

    • Floating Action Button / FAB

    • IconButton

第五週 10/20

• React basics 4

  • Routing

  • Material-UI

    • AppBar、Toolbar

    • Theme

第六週 10/27

• Web services 1

  • 分組、討論期末專案

  • Firebase / firestore

    • 讀取

第七週 11/03

• Web services 2

  • Firebase / firestore

    • 新增、篩選、排序

  • 分組、討論期末專案

    • 資料設計

第八週 11/10

• Web services 3

  • Firebase / firestore

    • 刪除、修改

第九週 11/17

• Web services 4

  • Firebase / authentication

第十週 11/24

• React basics 5

  • Context

第十一週 12/01

• Web services 3

  • Firebase / storage

第十二週 12/08

• React basics 6

  • Deployment

    • Github pages (王曉瑜的git筆記)

第十三週 12/15

• Advanced topics 1

  • Progressive Web Apps

第十四週 12/22

• Advanced topics 2

  • User Interface

  • Next.js

第十五週 12/29

• React Native

第十六週 01/05

• Presentation and Demo 1

第十七週 01/12

• Presentation and Demo 2

第十八週 01/19

• 自主學習

  • Redux

  • Thunkable X

補充資料

• Running On Device

• Publishing to Google Play Store

• Publishing to Apple App Store