iOS, Android, and React Native Development Bootcamp (Beginner to Intermediate Level)

• 對程式設計概念的基本理解
• Java腳本基礎知識

觀眾

• 移動開發人員
• 程式師

iOS 開發側重於使用 Swift/Objective-C 和 Xcode 為 Apple 設備（iPhone 和 iPad）構建應用程式，Android 開發涉及使用 Kotlin/Java 和 Android Studio 為 Android 設備構建應用程式，React 原生開發是一個跨平臺框架，允許使用 JavaScript 為 iOS 和 Android 構建應用程式，具有共用代碼庫，利用 React 庫進行 UI 開發。

此講師指導的即時培訓（在線或現場）面向希望掌握跨多個平臺的移動應用程式開發的中級開發人員。

在本次培訓結束時，參與者將能夠：

• 使用 Xcode、Android Studio 和 React 本機 CLI/Expo 為 iOS、Android 和 React 本機設置開發環境。
• 使用 Swift 開發本機 iOS 和 Android 應用程式 Android，使用 Swift 和 Kotlin 開發 Android 應用程式，創建具有導航和 API 集成的應用程式。
• 使用 React Native 構建跨平臺應用程式，利用單個代碼庫為 iOS 和 Android 創建應用程式。
• 使用自動佈局 XML 和適用於 iOS、Android 和 React 本機的 Flexbox 設計回應式使用者介面。
• 使用本地存儲解決方案管理應用程式中的數據和狀態，並處理所有平臺中的 API 請求。
• 將相機、地理位置和地圖等高級功能整合到行動應用程式中。
• 在 iOS、Android 和 React 原生應用中實現多屏幕導航。
• 使用 Xcode、Android Studio 和 React Native 提供的工具調試和測試應用程式。
• 將應用程式部署到 App Store 和 Google Play Store。
• 完成一個 Capstone 專案，展示通過構建和演示功能性移動應用程式所學到的技能。

課程形式

• 互動講座和討論。
• 大量的練習和練習。
• 在即時實驗室環境中動手實施。

課程自定義選項

• 要申請本課程的定製培訓，請聯繫我們進行安排。

介紹

第 1 周：概述 Mobile Development

• 移動生態系統和平臺
  • 移動操作系統概述（iOS 和 Android）
  • iOS、Android 和跨平台開發之間的主要區別
  • 熱門應用商店（Apple App Store、Google Play Store）
  • 原生、混合和跨平台開發簡介
• 原生 vs 混合 vs 跨平臺
  • 每種開發方法的優點和挑戰
  • Swift（針對 iOS）、Kotlin（針對 Android）和 React 原生（跨平臺）概述
  • 代碼如何轉換為移動平臺（React Native 中的 JavaScript to native code）
• Programming 基本原理
  • 程式設計概念簡介（變數、數據類型、函數、控制流）
  • Swift、Kotlin 和 Java 腳本語法的比較
  • 使用 Swift、Kotlin 和 JavaScript 編寫簡單的程式
• 設置開發環境
  • 安裝 Xcode 和 Android Studio
  • 設置 React 本機 CLI 和 Expo
  • 在模擬器和模擬器上運行基本的 「Hello World」 應用程式

第 2 周：Swift、Kotlin 和 JavaScript 簡介

• Swift Programming 代表 iOS
  • Swift 中的變數、常量和數據類型
  • 控制流語句 （if， switch， loops）
  • Swift 中的函數和參數
  • Xcode 的介面和 Swift Playground 簡介
• Kotlin Programming 代表 Android
  • Kotlin 中的變數、數據類型和函數
  • 理解 Kotlin 的 null 安全性
  • 控制流和循環結構
  • Android Studio 介面和 Kotlin Playground 簡介
• Java適用於 React 本機的腳本
  • JavaScript 中的變數、常量和控制流
  • ES6 功能：箭頭函數、範本文字和解構
  • 使用 Expo 在 React Native 中編寫和運行基本的 JavaScript 程式

第3周：iOS 使用者介面設計

• UI Elements 在 iOS 中
  • UIKit 和 SwiftUI 簡介
  • 添加和自定義UI元素，如按鈕、標籤和文字欄位
  • 使用 Interface Builder 設計 UI
  • 使用 Storyboard 和設計多螢幕 UI
• 自動佈局和約束
  • 瞭解 Auto Layout 系統
  • 對不同螢幕尺寸的響應式佈局使用約束
  • 創建堆疊檢視和動態調整UI元素
• SwiftUI 基礎知識
  • SwiftUI 中的聲明式 UI 設計簡介
  • 使用 SwiftUI 構建簡單的UI元件

第 4 周：Android 使用者介面設計

• XML Android 中的佈局
  • 基於 XML 的佈局設計簡介
  • 使用常見佈局：LinearLayout、RelativeLayout、ConstraintLayout
  • 添加和自定義UI元素：按鈕、文字檢視、圖像檢視
  • 將 ConstraintLayout 用於回應式和動態佈局
• Material Design
  • 集成 Material Design 原則（顏色、圖示、排版）
  • 使用 Material 元件（按鈕、浮動操作按鈕、卡片）
  • 為 Android 應用程式實現主題和樣式

第 5 周：React 原生使用者介面設計

• React 原生 Flexbox 佈局
  • 了解用於響應式布局設計的 Flexbox
  • 創建基於列和行的佈局
  • 使用 Flexbox 屬性（justifyContent、alignItems 等）設置 UI 元件的樣式
• React 原生元件
  • 使用核心元件（如Text、 ViewTextInput、 和 ）Button
  • 創建互動式UI元素，例如表單和按鈕
  • ScrollView將元件用於動態內容

第 6 周：iOS 和 Android 中的數據處理

• iOS 數據處理
  • 使用 UserDefaults 實現簡單的數據持久性
  • Core Data 複雜數據本地存儲介紹
  • 使用 URLSession 從 API 獲取數據
  • 解析 JSON 資料並在 UI 中顯示
• Android 數據處理
  • 使用 SharedPreferences 存儲少量數據
  • 用於管理資料庫的 SQLite 和 Room 持久化庫簡介
  • 使用 Retrofit 從 API 獲取數據
  • 解析 JSON 並處理 API 回應

第 7 周：React Native State Management 和 API

• React Native 中的 State 和 Props
  • 在 React 本機組件中管理數據流
  • 使用 useState hook管理本地元件狀態
  • 通過 props 在父元件和子元件之間傳遞數據
• 在 React 本機中獲取數據
  • 使用 Fetch API 和 Axios 發出 HTTP 請求
  • 在清單中顯示取得的資料（使用 FlatList， SectionList）
  • 使用 React Native 中的 AsyncStorage 在本地持久保存數據

第 8 周：在 iOS 和 Android 中導航

• iOS 導航
  • 導航控制器和管理多個螢幕簡介
  • 使用 segue 在檢視控制器之間轉換
  • 在檢視控制器之間傳遞數據
  • 實現 TabBar 和 NavigationBar 以進行結構化導航
• Android 導航
  • 使用多屏應用程式的 Activities 和 Intent
  • 使用 Bundle 在 Activities 之間傳遞數據
  • 創建 Navigation Drawer 和 BottomNavigationView
  • 實現 fragment 以實現靈活的 UI 導航

第9周：在 React Native 中導航

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

第 10 周：高級功能

• iOS 高級功能：
  • 核心位置和地圖
    • Access使用 Core Location 設置設備位置
    • 使用 MapKit 顯示地圖
    • 處理地理位置和使用者位置跟蹤
  • 相機和媒體
    • Accessing 設備相機和照片庫
    • 使用UIImagePickerController捕獲和顯示圖像
    • 存儲和檢索媒體檔
• Android 高級功能
  • 位置和地圖
    • 使用 Google Maps API 顯示地圖和使用者位置
    • Access獲取 GPS 數據和處理地理定位
  • 相機和媒體
    • 使用 CameraX 拍攝照片和處理相機許可權
    • 顯示圖像和處理媒體存儲
• React 原生高級功能
  • React 原生地圖
    • 使用集成地圖 react-native-maps
    • 處理基於位置的服務（地理位置、路由映射 ）
  • 攝像頭和媒體訪問
    • 使用 React 原生相機庫拍攝照片
    • Access設備媒體存儲和處理檔

第 11 周：調試和測試

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

第 12 周：應用部署和 Capstone 專案

• 部署和分發
  • iOS App Store 提交
    • 準備要分發的應用程式（圖示、證書、供應設定檔）
    • 使用 App Store Connect 提交 app 以供審核
    • 使用 TestFlight 進行 Beta 測試
  • Android Play 商店提交
    • 準備 APK 並對應用程式進行簽名以進行分發
    • 使用 Google Play 管理中心進行應用提交和跟蹤
    • 瞭解 Play 商店的政策和準則
• Capstone 項目開發
  • 最終項目開發
    • 構建您選擇的功能齊全的應用程式
    • 合併 API 呼叫、導航、媒體和位置等高級功能
    • 向同行和講師演示和演示最終應用程式

總結和後續步驟