課程簡介

介紹

第 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
    • 控制流語句 (ifswitch, 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 應用程式
    • 收集反饋並討論可能的改進
    • 最後的問答環節和閉幕詞

總結和後續步驟

最低要求

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

觀眾

  • 移動開發人員
  • 程式師
 105 時間:

人數


每位參與者的報價

客戶評論 (5)

Upcoming Courses

課程分類