iOS、Android 與 React Native 開發營隊（初級至中級）培訓

引言

第一週：行動開發概覽

• 行動生態系與平台
  • iOS 和 Android 行動作業系統的概觀
  • iOS、Android 與跨平台開發間的主要差異
  • 熱門應用程式商店（Apple App Store、Google Play Store）
  • 原生、混合式與跨平台開發的介紹
• 原生 vs 混合式 vs 跨平台
  • 各種開發方法的优势与挑战
  • Swift（用於 iOS）、Kotlin（用於 Android）和 React Native（跨平台）的概觀
  • 程式碼如何轉換至行動平台（在 React Native 中 JavaScript 轉為原生程式碼）
• 程式設計基礎
  • 程式設計概念介紹（變數、資料型別、函式、流程控制）
  • Swift、Kotlin 和 JavaScript 語法的比較
  • 使用 Swift、Kotlin 和 JavaScript 撰寫簡單程式
• 設定開發環境
  • 安裝 Xcode 和 Android Studio
  • 設定 React Native CLI 和 Expo
  • 在模擬器和模擬器上運行基本的「Hello World」應用

第二週：Swift、Kotlin 和 JavaScript 介紹

• iOS Swift 程式設計
  • Swift 中的變數、常數和資料型別
  • 流程控制陳述式（if、switch、迴圈）
  • Swift 中的函式和參數
  • Xcode 介面和 Swift Playgrounds 的介紹
• Android Kotlin 程式設計
  • Kotlin 中的變數、資料型別和函式
  • 理解 Kotlin 的空值安全機制
  • 流程控制和迴圈結構
  • Android Studio 介面和 Kotlin Playground 的介紹
• React Native 的 JavaScript
  • JavaScript 中的變數、常數和流程控制
  • ES6 功能：箭頭函式、樣板字串和解構賦值
  • 使用 Expo 在 React Native 中撰寫和運行基本的 JavaScript 程式

第三週：iOS 使用者介面設計

• iOS UI 元素
  • UIKit 和 SwiftUI 的介紹
  • 新增和自訂按鈕、標籤和文字框等 UI 元素
  • 使用 Interface Builder 設計 UI
  • 使用 Storyboards 並設計多螢幕 UI
• Auto Layout 與約束
  • 理解 Auto Layout 系統
  • 使用約束為不同螢幕尺寸建立響應式版面
  • 建立堆疊檢視（Stack Views）並動態調整 UI 元素
• SwiftUI 基礎
  • SwiftUI 宣告式 UI 設計的介紹
  • 使用 SwiftUI 建置簡單的 UI 組件

第四週：Android 使用者介面設計

• Android XML 版面
  • XML 基礎版面設計的介紹
  • 處理常見版面：LinearLayout、RelativeLayout、ConstraintLayout
  • 新增和自訂 UI 元素：按鈕、文字檢視、圖片檢視
  • 使用 ConstraintLayout 建立響應式和動態版面
• Material Design
  • 整合 Material Design 原則（色彩、圖示、排版）
  • 使用 Material Components（按鈕、浮動操作按鈕、卡片）
  • 為 Android 應用實施主題和樣式

第五週：React Native 使用者介面設計

• React Native Flexbox 版面
  • 理解用於響應式版面設計的 Flexbox
  • 建立基於列和行的版面
  • 使用 Flexbox 屬性（justifyContent、alignItems 等）為 UI 組件設定樣式
• React Native 組件
  • 處理核心組件，如 Text、View、TextInput 和 Button
  • 建立互動式 UI 元素，例如表單和按鈕
  • 使用 ScrollView 組件處理動態內容

第六週：iOS 和 Android 的資料處理

• iOS 資料處理
  • 使用 UserDefaults 進行簡單的資料持久化
  • 用於本地儲存複雜資料的 Core Data 介紹
  • 使用 URLSession 從 API 擷取資料
  • 解析 JSON 資料並將其顯示在 UI 中
• Android 資料處理
  • 使用 SharedPreferences 儲存少量資料
  • 用於管理資料庫的 SQLite 和 Room Persistence Library 介紹
  • 使用 Retrofit 從 API 擷取資料
  • 解析 JSON 並處理 API 回應

第七週：React Native 狀態管理與 APIs

• React Native 中的狀態（State）和屬性（Props）
  • 在 React Native 組件內管理資料流
  • 使用 useState hook 管理本地組件狀態
  • 透過 props 在父層和子層組件之間傳遞資料
• React Native 資料擷取
  • 使用 Fetch API 和 Axios 發出 HTTP 請求
  • 在列表中顯示擷取的資料（使用 FlatList、SectionList）
  • 使用 AsyncStorage 在 React Native 中本地持久化資料

第八週：iOS 和 Android 的導航

• iOS 導航
  • 導覽控制器和處理多螢幕的介紹
  • 使用 Segues 在檢視控制器之間切換
  • 在檢視控制器之間傳遞資料
  • 為結構化導航實施 TabBar 和 NavigationBar
• Android 導航
  • 處理 Activities 和 Intents 以建立多螢幕應用
  • 使用 Bundles 在 Activities 之間傳遞資料
  • 建立導覽抽屜（Navigation Drawer）和底部導覽檢視（BottomNavigationView）
  • 實施片段（Fragments）以實現靈活的 UI 導航

第九週：React Native 的導航

• React Navigation 基礎
  • 安裝和設定 React Navigation
  • 使用 Stack Navigator 進行螢幕切換
  • 實施 Tab Navigator 和 Drawer Navigator 以實現複雜導航
  • 在螢幕之間傳遞參數並管理導航狀態

第十週：高階功能

• iOS 高階功能：
  • 核心定位與地圖
    • 使用 Core Location 存取裝置位置
    • 使用 MapKit 顯示地圖
    • 處理地理定位和使用者位置追蹤
  • 相機與媒體
    • 存取裝置相機和相片庫
    • 使用 UIImagePickerController 拍攝和顯示圖片
    • 儲存和檢索媒體檔案
• Android 高階功能
  • 定位與地圖
    • 使用 Google Maps API 顯示地圖和使用者位置
    • 存取 GPS 資料並處理地理定位
  • 相機與媒體
    • 使用 CameraX 拍攝照片並處理相機權限
    • 顯示圖片並處理媒體儲存
• React Native 高階功能
  • React Native 地圖
    • 使用 react-native-maps 整合地圖
    • 處理基於位置的服務（地理定位、路徑映射）
  • 相機與媒體存取
    • 使用 React Native Camera 函式庫拍攝照片
    • 存取裝置媒體儲存並處理檔案

第十一週：除錯與測試

• iOS 除錯與測試
  • 使用 Xcode 除錯器
    • 設定中斷點並在 Xcode 中檢查變數
    • 使用主控台進行即時除錯
    • 常見除錯問題及其解決方法
  • iOS 單元測試
    • 使用 XCTest 框架撰寫和運行單元測試
    • 模擬物件並測試 UI 組件
• Android 除錯與測試
  • 在 Android Studio 中使用 Logcat
    • 使用 Logcat 記錄和分析錯誤
    • 使用中斷點對 Android 應用進行除錯
  • Android 單元測試
    • 使用 JUnit 撰寫單元測試
    • 使用 Espresso 測試 Android UI 組件
• React Native 除錯與測試
  • React Native 除錯工具
    • 使用 Chrome DevTools 和 React Native Debugger 進行即時除錯
    • 主控台日誌和檢查網路請求
  • React Native 單元測試
    • 使用 Jest 和 Enzyme 撰寫單元測試
    • 測試 React Native 組件並管理測試案例

第十二週：應用部署與期末專題

• 部署與分发
  • iOS App Store 提交
    • 準備您的應用以供分发（圖示、憑證、配發設定檔）
    • 使用 App Store Connect 提交應用以供審核
    • 使用 TestFlight 進行 beta 測試
  • Android Play Store 提交
    • 準備 APK 並為分发簽署應用程式
    • 使用 Google Play Console 進行應用提交和追蹤
    • 了解 Play Store 政策與指南
• 期末專題開發
  • 最終專案開發
    • 建立您選擇的完整功能應用
    • 整合高階功能，如 API 呼叫、導航、媒體和位置
    • 向同儕和講師展示並演示最終應用

總結與下一步