Name: 精通使用 Ionic 进行移动应用开发
Availability: InStock

精通使用 Ionic 进行移动应用开发

Ionic 是一个使用 HTML、CSS 和 TypeScript 构建跨平台应用的开源 UI 工具包。它可与 Angular、React 和 Vue 等主流前端框架集成，帮助你构建丰富的用户界面，并将应用部署到 Web、移动设备或桌面端。本课程全面介绍 Ionic 的核心产品与服务，重点讲解命令行工具（CLI）、CapacitorJS 以及 Stencil Web 组件。在此基础上，你将进一步学习 UI 组件、TypeScript 核心特性、Angular 路由与导航、主题定制、数据存储、异步数据处理、RxJS 库等更多内容。此外，课程还将介绍多种 Ionic 插件和组件，最后通过四个真实应用场景的案例研究收尾。学完本课程后，你将具备开发跨平台 Ionic 应用的能力，可将应用提交至苹果 App Store 和 Google Play 商店，发布为渐进式 Web 应用（PWA），或通过 Electron 打包为桌面应用程序进行交付。

20 Lessons

WHAT YOU'LL LEARN

深入理解 Ionic 生态系统及其产品与服务。

能够使用 Angular、Apache Cordova、Capacitor 和 Stencil Web 组件构建功能完整的 Ionic 应用程序。

熟悉 Ionic 动画 API 及其相关功能。

将第三方 API 服务集成到你的 Ionic 应用程序中的能力。

使用 Ionic 和 Firebase 构建并部署渐进式 Web 应用（PWA）的实际经验。

具备开发跨平台应用的实践经验，涵盖 iOS、Android、Web 和桌面端。

深入理解 Ionic 生态系统及其产品与服务。

Content

20 Lessons • 0 Quizzes • 0 Challenges

简介

1
关于本课程
2
Ionic 简介
3
Ionic 历史版本中的变更：第一部分
4
Ionic 历史版本中的变更：第二部分

Ionic 生态系统

1
核心工具与技术
2
Apache Cordova
3
Angular
4
Sass
5
TypeScript
6
TypeScript 与 JavaScript
7
StencilJS
8
Capacitor
9
Ionic 产品与服务
10
测验：Ionic 生态系统

开始 Ionic 开发

1
你的第一个 Ionic 应用
2
Ionic 应用的项目结构
3
测验：Ionic 开发入门

装饰器与类

1
模块
2
装饰器
3
类
4
组件
5
指令
6
管道
7
接口
8
测验：装饰器与类

Ionic 导航

1
导航概述
2
Angular 路由器
3
页面组件之间的导航
4
访问导航数据
5
路由守卫
6
生命周期事件
7
其他导航选项
8
通过标签页进行导航
9
通过侧边菜单进行导航
10
测验：Ionic 导航

模板

1
Ionic 模板简介
2
列表UI组件
3
事件绑定
4
Angular 模板指令：ngFor
5
Angular 模板指令：ngSwitch、ngIf、ngStyle
6
Angular 模板指令：ngClass
7
多行列表
8
滑动列表
9
测验：模板

Ionic 应用的主题设置

1
平台一致性
2
样式覆盖
3
CSS 变量
4
Ionic 中的颜色
5
更多主题选项
6
测验：Ionic 应用的主题设计

Awesome Cordova 插件

1
Awesome Cordova 插件简介
2
管理插件
3
相机插件
4
照片应用
5
测验：Awesome Cordova 插件

Capacitor

1
Capacitor 概述
2
使用 Capacitor
3
使用 Capacitor 插件
4
测验：Capacitor

处理数据

1
检索数据的基础知识
2
加载数据
3
使用 NgModel 进行数据输入
4
使用响应式表单进行数据输入
5
模板驱动表单
6
数据存储
7
创建一个存储服务
8
使用 Ionic Storage
9
测验：处理数据

渐进式 Web 应用

1
渐进式 Web 应用简介
2
创建一个 Ionic PWA
3
部署到 Firebase 托管
4
审计一个 Ionic PWA
5
测验：渐进式 Web 应用

动画

1
Ionic 动画
2
探索 Ionic 动画
3
应用程序的用户界面
4
完成
5
测验：动画

Stencil

1
Stencil 概述
2
使用 Stencil 编写组件
3
创建自定义 Stencil 组件
4
在 Stencil 应用中使用自定义组件
5
Stencil 转 Ionic/Angular
6
测验：Stencil

案例研究：使用API

1
概述
2
生成你的 API 密钥
3
应用程序逻辑
4
总结

案例研究：我的电影

1
概述
2
生成你的 API 密钥
3
根模块与 API 服务配置
4
使用 Capacitor 存储
5
其他服务
6
获取电影类型
7
渲染电影
8
电影演职人员信息
9
保存的搜索列表
10
搜索选项卡
11
已保存的搜索标签页
12
收藏标签页
13
总结

案例研究：AppyMapper

1
概述
2
奠定基础
3
开始开发
4
处理数据
5
整合所有内容
6
总结

案例研究：Ionic 点唱机

1
概述
2
开始学习
3
管理应用程序音频
4
首页组件
5
Jukebox 用户界面
6
总结

优化你的项目

1
调试和性能分析应用程序
2
为你的代码编写文档
3
标记你的文件
4
生成文档
5
优化代码

结论

1
最后的话

附录

1
配置你的环境
2
NPM 入门指南
3
Ionic 应用故障排查
4
为发布准备应用程序
5
iOS 代码签名
6
Android 代码签名
7
提交你的 iOS 应用至 Apple App Store
8
将你的 Android 应用提交至 Google Play 商店
9
更多资源

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

精通使用 Ionic 进行移动应用开发

WHAT YOU'LL LEARN

Content

1. 简介了解 Ionic，掌握使用单一代码库进行跨平台应用开发。

关于本课程

Ionic 简介

Ionic 历史版本中的变更：第一部分

Ionic 历史版本中的变更：第二部分

2. Ionic 生态系统了解 Ionic 生态系统的底层逻辑，包括核心工具、框架以及配套技术。

核心工具与技术

Apache Cordova

Angular

Sass

TypeScript

TypeScript 与 JavaScript

StencilJS

Capacitor

Ionic 产品与服务

测验：Ionic 生态系统

3. 开始 Ionic 开发了解创建 Ionic 应用的基础知识及其项目结构。

你的第一个 Ionic 应用

Ionic 应用的项目结构

测验：Ionic 开发入门

4. 装饰器与类掌握 Ionic 开发中装饰器、类、组件、指令、管道和接口的基础知识。

模块

装饰器

类

组件

指令

管道

接口

测验：装饰器与类

5. Ionic 导航使用 Angular 路由解决 Ionic 导航中的问题，以实现优化且高效的 App 导航。

导航概述

Angular 路由器

页面组件之间的导航

访问导航数据

路由守卫

生命周期事件

其他导航选项

通过标签页进行导航

通过侧边菜单进行导航

测验：Ionic 导航

6. 模板了解如何创建和使用 Ionic 模板来实现动态用户界面和导航。

Ionic 模板简介

列表UI组件

事件绑定

Angular 模板指令：ngFor

Angular 模板指令：ngSwitch、ngIf、ngStyle

Angular 模板指令：ngClass

多行列表

滑动列表

测验：模板

7. Ionic 应用的主题设置整合 Ionic 应用主题设置的各个部分，从平台特定样式到自定义 CSS 变量和颜色。

平台一致性

样式覆盖

CSS 变量

Ionic 中的颜色

更多主题选项

测验：Ionic 应用的主题设计

8. Awesome Cordova 插件在 Ionic 应用中尝试使用 Cordova 插件，以实现原生功能、图像捕获及功能增强。

Awesome Cordova 插件简介

管理插件

相机插件

照片应用

测验：Awesome Cordova 插件

9. Capacitor开始使用 Capacitor 将原生功能和插件集成到 Ionic 应用中。

Capacitor 概述

使用 Capacitor

使用 Capacitor 插件

测验：Capacitor

10. 处理数据研究 Ionic 中的数据获取、输入方法、存储方案以及 HttpClient 服务。

检索数据的基础知识

加载数据

使用 NgModel 进行数据输入

使用响应式表单进行数据输入

模板驱动表单

数据存储

创建一个存储服务

使用 Ionic Storage