课程大纲

介绍

第 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)

即将举行的公开课程

课程分类