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 应用程式
  • 收集反馈并讨论可能的改进
  • 最后的问答环节和闭幕词

总结和后续步骤