iOS, Android, and React Native Development Bootcamp for Beginners

• 對程式設計概念的基本理解

觀眾

• 移動開發人員
• 程式師

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

此講師指導的即時培訓（在線或現場）面向希望深入瞭解移動應用程式開發的初級開發人員。

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

• 為 iOS （Xcode）、Android （Android Studio） 和 React 本機 （Node.js、CLI 和 Expo） 配置開發環境。
• 瞭解本機開發和跨平臺開發之間的主要區別，並在 Swift、Kotlin 和 JavaScript 中開發基礎知識。
• 使用 iOS 自動佈局、Android XML 和 React 原生 Flexbox 創建回應式 UI 佈局。
• 使用 Swift 開發簡單的應用程式 iOS，使用 Kotlin Android 和 React 本機 React 跨平台應用程式。
• 使用 React Native 在應用程式中實現相機、GPS 和存儲功能。
• 使用 Xcode、Android Studio 和 React 本機調試工具排查問題並在模擬器和真實設備上運行應用程式。
• 準備應用程式並將其部署到 App Store （iOS） 和 Google Play Store （Android）。
• 參與小組項目並獲得同行反饋，以提高應用程序開發技能。
• 構建並展示功能齊全的跨平臺 React 原生應用程式。

課程形式

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

課程自定義選項

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

介紹

第 1 周：Mobile Development 簡介

• 移動應用生態系統和趨勢
  • 移動應用前景簡介（iOS 和 Android）
  • 本機、混合和跨平臺應用程式之間的差異
  • 移動應用程式開發工作流程和工具概述
• 原生開發與跨平台開發
  • 為單個平臺 （本機） 和多個平臺 （跨平臺） 開發應用程式之間的主要區別
  • 每種方法的優缺點
  • 常見原生平臺（iOS、Android）和跨平臺工具（React 原生、Flutter）概述
• 簡介 Java腳本 Programming
  • JavaScript 的基本語法和結構
  • 變數、常量和資料類型（數位、字串、布爾值、物件）
  • 運算子和表達式
  • 控制流： if， ， elseswitch
  • 函數和範圍界定簡介（全域範圍與本地範圍）
• 設置 Xcode 以進行 iOS 開發
  • Xcode IDE 簡介：介面、工具和工作流程
  • 安裝 Xcode 並執行 iOS 模擬器
  • Swift 程式設計語言簡介
  • 編寫一個基本的 Swift 應用程式並在 iOS 模擬器上運行它
• 設置 Android Studio 以進行 Android 開發
  • 安裝 Android Studio 並設置環境
  • 配置和使用 Android 模擬器
  • Kotlin 程式設計語言和基本語法簡介
  • 編寫一個基本的 Kotlin 應用程式並在 Android 模擬器上運行它
• 設置 React 原生開發環境
  • 安裝 Node.js 和 React 本機 CLI
  • Expo 簡介和使用 Expo 建立專案
  • 在 iOS 和 Android 模擬器上運行簡單的 “Hello World” 應用程式

第 2 周：iOS 和 Android 基本面

• Swift 和 Xcode IDE 簡介
  • Swift 中的變數和數據類型（Int、Float、String、Bool 等）
  • 常量和 let 變數 var
  • 控制流語句 （if， switch， loops）
  • Swift 中的函數和參數
  • Swift 中的錯誤處理
• 使用者介面設計iOS
  • 情節提要和 Xcode Interface Builder 簡介
  • 使用 Auto Layout 和約束設計應用程式佈局
  • 添加UI元件：按鈕、標籤、文字欄位、圖像
  • 處理使用者互動和事件（例如，按鈕點擊）
  • 構建簡單的登錄表單並驗證用戶輸入
• Studio IDE 簡介 Kotlin 和 Android
  • 基本Kotlin 語法（變數、數據類型和函數）
  • 瞭解 Kotlin 的 null 安全和數據類
  • Android 應用程式架構和元件（Activities、Fragments）簡介
  • 在 Android 應用中處理 activity 生命週期
• 使用者介面設計 Android
  • 使用 XML 佈局文件設計 Android 個 UI
  • 使用佈局 管理 員 （LinearLayout， RelativeLayout， ConstraintLayout）
  • 新增互動式元件（按鈕、文字檢視、編輯文字）
  • 使用 Java/Kotlin 處理使用者輸入和 activity 轉換
  • 使用輸入驗證構建登錄表單
• Xcode 和 Android Studio 中的調試基礎知識
  • 如何使用斷點、日誌和調試器控制台
  • iOS 的常用調試工具和技術（Xcode Instruments、Simulator）
  • Android 的常用調試工具（Logcat、Android Debug Bridge）
• 在真實設備上測試和運行應用程式
  • 將物理設備連接到 Xcode 和 Android Studio
  • 將應用程式部署到實體裝置（iPhone 和Android 手機）
  • 類比不同的網路條件、電池電量和性能指標

第3周：使用 React Native 進行跨平台開發

• React 本機和 Java 移動腳本簡介
  • 什麼是 React Native，為什麼要使用它？
  • 概述 React Native 如何將 JavaScript 轉換為原生代碼
  • JSX 語法：在 JavaScript 中編寫類似 HTML 的結構
  • React 元件：功能元件 vs 基於類的元件
  • 狀態和 Props：在 React 原生元件中管理數據流
• React Native 中的樣式
  • Flexbox 簡介及其在布局設計中的重要性
  • 為 iOS 和 Android 創建響應式佈局
  • 使用 React Native 的模組應用特定於平台的 Platform 樣式
• React 跨平臺應用的導航
  • 導航和導航容器簡介 React
  • 為螢幕轉換創建 Stack Navigation
  • 為更複雜的應用實現 Tab 鍵和抽屜式導航
  • 在螢幕之間傳遞數據和管理導航狀態
• Accessing 本機設備功能
  • 在 React Native 中使用相機和位置等設備功能
  • 集成 Geolocation、Camera 和 AsyncStorage 等 API
  • 處理存取裝置硬體的權限（iOS 和 Android 差異）
  • 使用 AsyncStorage 在本地存儲數據並整合第三方庫以實現持久性
• 準備應用程式以進行部署
  • 在 Xcode 和 Android Studio 中配置用於生產的應用程式設置
  • 為 Android 構建 APK 並在真實設備上進行測試
  • 準備iOS 個應用程式以提交 App Store（應用程式圖示、簽名憑證）
  • 完成 React 原生專案，以便在兩個平臺上進行生產部署
• 最終項目介紹
  • 向課堂展示最終的跨平臺 React Native 應用程式
  • 收集反饋並討論可能的改進
  • 最後的問答環節和閉幕詞

總結和後續步驟