聯繫我們

課程簡介

介紹

第一週:移動端開發入門

  • 移動應用生態系統與趨勢
    • 移動應用格局介紹(iOS 和 Android)
    • 原生、混合式與跨平台應用之間的差異
    • 移動應用開發工作流程與工具概覽
  • 原生 vs. 跨平台開發
    • 為單一平台(原生)與多平台(跨平台)開發應用之間的關鍵差異
    • 各種方法的优势與劣势
    • 常見原生平台(iOS、Android)與跨平台工具(React Native、Flutter)概覽
  • JavaScript 程式設計入門
    • JavaScript 的基本語法與結構
    • 變量、常數與數據類型(數字、字符串、布爾值、對象)
    • 運算符與表達式
    • 控制流程:ifelseswitch
    • 函式與作用域簡介(全局作用域與局部作用域)
  • 設置 iOS 開發所需的 Xcode
    • Xcode IDE 介紹:界面、工具與工作流程
    • 安裝 Xcode 並運行 iOS 模擬器
    • Swift 程式語言入門
    • 編寫基礎 Swift 應用並在 iOS 模擬器上運行
  • 設置 Android 開發所需的 Android Studio
    • 安裝 Android Studio 並配置環境
    • 配置與使用 Android 模擬器
    • Kotlin 程式語言入門及基本語法
    • 編寫基礎 Kotlin 應用並在 Android 模擬器上運行
  • 設置 React Native 開發環境
    • 安裝 Node.js 和 React Native CLI
    • Expo 簡介,並使用 Expo 創建專案
    • 在 iOS 和 Android 模擬器上運行簡單的「Hello World」應用

第二週:iOS 與 Android 基礎知識

  • Swift 與 Xcode IDE 入門
    • Swift 中的變量與數據類型(Int、Float、String、Bool 等)
    • 使用 let 定義常數,使用 var 定義變量
    • 控制流程語句(ifswitch、循環)
    • Swift 中的函式與參數
    • Swift 中的錯誤處理
  • iOS 用戶界面設計
    • Storyboard 和 Xcode Interface Builder 入門
    • 使用 Auto Layout 和約束條件設計應用佈局
    • 添加 UI 組件:按鈕、標籤、文本字段、圖片
    • 處理用戶互動與事件(例如按鈕點擊)
    • 構建簡單的登錄表單並驗證用戶輸入
  • Kotlin 與 Android Studio IDE 入門
    • 基本 Kotlin 語法(變量、數據類型與函式)
    • 理解 Kotlin 的空安全機制與資料類別(data classes)
    • Android 應用架構與組件(Activities、Fragments)簡介
    • 處理 Android 應用的 Activity 生命週期
  • Android 用戶界面設計
    • 使用 XML 佈局文件設計 Android UI
    • 使用佈局管理器(LinearLayout、RelativeLayout、ConstraintLayout)
    • 添加交互組件(按鈕、文本視圖、編輯框)
    • 使用 Java/Kotlin 處理用戶輸入與 Activity 跳轉
    • 構建帶有輸入驗證的登錄表單
  • Xcode 與 Android Studio 基礎除錯
    • 如何使用中斷點、日誌和除錯器控制台
    • iOS 常見除錯工具與技術(Xcode Instruments、模擬器)
    • Android 常見除錯工具(Logcat、Android Debug Bridge)
  • 在真實設備上測試與運行應用
    • 將實體設備連接至 Xcode 和 Android Studio
    • 將應用部署至實體設備(iPhone 與 Android 手機)
    • 模擬不同的網絡條件、電池電量與性能指標

第三週:使用 React Native 進行跨平台開發

  • React Native 與移動端 JavaScript 入門
    • 什麼是 React Native?為何使用它?
    • React Native 如何將 JavaScript 轉譯為原生程式碼的概覽
    • JSX 語法:在 JavaScript 中編寫類似 HTML 的結構
    • React 組件:函式型與基於類別的組件比較
    • State(狀態)與 Props(屬性):管理 React Native 組件內的數據流
  • React Native 樣式設計
    • Flexbox 簡介及其在佈局設計中的重要性
    • 為 iOS 和 Android 創建響應式佈局
    • 使用 React Native 的 Platform 模塊應用平台特定的樣式
  • 跨平台應用的 React Navigation
    • React Navigation 與導航容器入門
    • 為螢幕跳轉創建 Stack Navigation(堆疊導航)
    • 為更複雜的應用實現 Tab(標籤)和 Drawer(側邊欄)導航
    • 在螢幕間傳遞數據並管理導航狀態
  • 訪問原生設備功能
    • 在 React Native 中使用相機與位置等設備功能
    • 整合 Geolocation、Camera 和 AsyncStorage 等 API
    • 處理訪問設備硬件的權限(iOS 與 Android 的差異)
    • 使用 AsyncStorage 本地存儲數據,並整合第三方庫進行持久化存儲
  • 準備應用部署
    • 在 Xcode 和 Android Studio 中配置生產環境的應用設置
    • 構建 APK 用於 Android 並在真實設備上測試
    • 準備 iOS 應用以提交至 App Store(應用圖標、簽名證書)
    • 為兩個平台完成 React Native 項目的生產部署準備工作
  • 最終專案展示
    • 向全班展示最終的跨平台 React Native 應用
    • 收集反饋並討論潛在改進方向
    • 最後的問答環節與總結致詞

總結與後續步驟

最低要求

  • 具備程式設計概念的基本理解。

對象

  • 移動端開發人員。
  • 程式設計師。
 105 小時

人數


每位參與者的報價

客戶評論 (3)

即將到來的課程

課程分類