# 2024鸿蒙零基础快速实战-仿抖音App开发ArkTS版课程（已完结）

*Published:* 2024-06-11
*Author:* 客服001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2024年12月29日，已超过 180天没有更新



**无论你是从0到1开发鸿蒙APP，还是升级改造现有项目，都可以先人一步，轻松应对。**

[![](https://www.xarjtc.com/wp-content/uploads/2024/06/28bcb530d89ce9f.webp)](https://www.xarjtc.com/wp-content/uploads/2024/06/28bcb530d89ce9f.webp)

**课程介绍**

> 本课程以原生鸿蒙HarmonyOS技术栈为核心，采用最新ArkTS语言开发，并以纯血Harmony API为基础，以超低门槛，带你极速落地HarmonyOS项目–抖音短视频App ，同时掌握最前沿的技术，无论你是从0到1开发鸿蒙APP，还是升级改造现有项目，都可以先人一步，轻松应对！

**适合人群**

对HarmonyOS应用开发感兴趣的应届毕业生

计算机领域内各方向的开发人员

**技术储备**

了解JavaScript或者TypeScript

**环境参数**

开发环境 DevEco Studio 4.0 Release（Build Version: 4.0.0.600）

技术栈 HarmonyOS SDK 3.1.0(API 9) OpenHarmony SDK 3.2.13.5(API 9)

**章节目录：**

第1章 开启快速开发HarmonyOS之旅

2 节｜13分钟

展开

视频：

1-1 课程导学--怎样快速开发一个鸿蒙App

试看

09:26

视频：

1-2 项目效果演示

试看

02:55

第2章 初探HarmonyOS

4 节｜30分钟

收起

视频：

2-1 详解HarmonyOS特性

08:15

视频：

2-2 全视角了解HarmonyOS架构

08:01

视频：

2-3 原生鸿蒙-特性讲解

09:12

视频：

2-4 原生鸿蒙与HarmonyOS NEXT的关系

03:44

第3章 使用DevEco Studio高效开发

11 节｜48分钟

收起

视频：

3-1 从注册华为账号开始

03:10

视频：

3-2 下载安装开发工具DevEco Studio

02:46

视频：

3-3 详解设置开发工具DevEco Studio

07:20

视频：

3-4 创建一个HarmonyOS新应用之“Hello World”

03:36

视频：

3-5 使用预览器预览HarmonyOS应用

02:43

视频：

3-6 使用远程模拟器运行HarmonyOS应用

03:23

视频：

3-7 使用本地真机中运行HarmonyOS应用

03:15

视频：

3-8 使用远程真机运行HarmonyOS应用

01:08

视频：

3-9 在本地真机运行HarmonyOS应用

04:27

视频：

3-10 详解DevEco Studio编辑器常用功能

04:54

视频：

3-11 使用DevEco Studio高效开发--本章总结

10:47

第4章 探寻HarmonyOS应用结构

6 节｜32分钟

展开

视频：

4-1 鸿蒙OS是套壳Android吗？

13:52

视频：

4-2 HarmonyOS应用结构之App详解

04:40

视频：

4-3 HarmonyOS应用结构的核心-Ability

04:00

视频：

4-4 HarmonyOS应用结构文件详解-应用及组件级配置

02:03

视频：

4-5 详解HarmonyOS应用结构之pack.info文件

01:51

视频：

4-6 探寻HarmonyOS应用结构--本章小结

05:05

第5章 【进入实战第一步】HarmonyOS App需求分析及设计

7 节｜53分钟

展开

视频：

5-1 常见短视频平台有哪些功能？

16:56

视频：

5-2 详解项目实现的功能

05:45

视频：

5-3 如何设计HarmonyOS系统下短视频App的整体架构？

02:07

视频：

5-4 HarmonyOS短视频App之UI设计

05:33

视频：

5-5 HarmonyOS短视频App之业务逻辑设计

09:44

视频：

5-6 HarmonyOS应用数据要如何存储？

03:50

视频：

5-7 HarmonyOS App需求分析及设计--本章小结

08:24

第6章 【进入实战第二步】核心要素构建之短视频App原型设计与实现

9 节｜52分钟

展开

视频：

6-1 谈谈HarmonyOS App原型设计与实现

04:57

视频：

6-2 应用初始化

04:01

视频：

6-3 短视频应用的页面切换流程

02:25

视频：

6-4 实现注册登录页面的原型设计

13:52

视频：

6-5 实现首页页面的原型设计

07:43

视频：

6-6 实现发布页面的原型设计

03:28

视频：

6-7 实现“我”页面的原型设计

04:12

视频：

6-8 实现导航栏的原型设计

08:49

视频：

6-9 短视频App原型设计与实现--本章小结

01:58

第7章 【进入实战第三步】短视频App用户注册登录模块

13 节｜126分钟

展开

视频：

7-1 短视频App用户注册与登录模块--本章介绍

04:53

视频：

7-2 HarmonyOS ArkUI介绍

12:11

视频：

7-3 优化注册登录页面

03:06

视频：

7-4 基于TextInput组件搭建用户注册前台

14:05

视频：

7-5 基于Grid组件和GridItem组件实现头像相册页面

18:45

视频：

7-6 解析本地图片资源列表

03:07

视频：

7-7 传递头像数据给头像相册页面PortraitAlbumPage

11:18

视频：

7-8 实现选取本地图片资源作为用户头像

07:56

视频：

7-9 通过onPageShow方式获取头像选择的结果

12:33

视频：

7-10 实现用户登录校验

10:00

视频：

7-11 导航到注册登录页面或者首页

14:30

视频：

7-12 设置应用启动默认页面

08:13

视频：

7-13 短视频App用户注册与登录模块--本章小结

04:48

第8章 【进入实战第四步】实战短视频App视频播放模块

31 节｜263分钟

展开

视频：

8-1 短视频App视频播放模块--本章介绍

06:22

视频：

8-2 详解ArkTS语言

21:48

视频：

8-3 短视频App视频播放概述

03:52

视频：

8-4 定义视频播放器的状态枚举类PlayState

03:48

视频：

8-5 深入理解视频播放组件Video

11:35

视频：

8-6 理解视频控制器VideoController的使用

04:53

视频：

8-7 定义视频信息类VideoInfo及JSON数据

08:26

视频：

8-8 实现视频播放器（一）--Stack创建视频播放界面布局

05:14

视频：

8-9 实现视频播放器（二）--Video创建视频播放器

06:17

视频：

8-10 实现视频播放器（三）--效果演示

04:34

视频：

8-11 实现视频播放器的开始与暂停（一）--实现开始与暂停的方法

04:12

视频：

8-12 实现视频播放器的开始与暂停（二）--设置视频播放器的点击事件

02:36

视频：

8-13 实现视频播放器的开始与暂停（三）--在视频上设置开始按钮

10:36

视频：

8-14 基于Flex布局实现视频分类页签

15:36

视频：

8-15 实现视频信息展示区（一）--基于线性布局实现主体代码布局

07:41

视频：

8-16 实现视频信息展示区（二）--实现用户信息展示

07:52

视频：

8-17 实现视频信息展示区（三）--实现视频信息展示

08:36

视频：

8-18 实现侧边操作栏（一）--实现侧边操作栏

15:57

视频：

8-19 实现侧边操作栏（二）--在视频播放界面添加侧边操作栏

05:40

视频：

8-20 实现滑动切换视频功能（一）--在首页使用Swiper组件

08:51

视频：

8-21 实现滑动切换视频功能（二）--通过@Link、@Watch处理父组件变量的变化

15:53

视频：

8-22 实现滑动切换视频功能（三）--实现MainPage组件与VideoView的互动

08:21

视频：

8-23 实现滑动切换视频功能（四）--实现Index与子组件MainPage的互动

10:57

视频：

8-24 实现视频数据存储（一）--定义抽象类BasicDataSource（一）

15:43

视频：

8-25 实现视频数据存储（一）--定义抽象类BasicDataSource（二）

15:56

视频：

8-26 实现视频数据存储（二）--定义视频信息数据源VideoInfoDataSource

04:08

视频：

8-27 实现视频数据存储（三）--通过LazyForEach实现视频数据的懒加载

05:49

视频：

8-28 实现视频数据存储（四）--在Index页面传递视频数据源给首页

04:05

视频：

8-29 通过Builder自定义导航栏的样式（一）--自定义导航栏TabBuilder

09:10

视频：

8-30 通过Builder自定义导航栏的样式（二）--在TabContent中使用TabBuilder

03:04

视频：

8-31 短视频App视频播放模块--本章小结

04:30

第9章 【进入实战第五步】实战短视频App视频发布模块

20 节｜120分钟

展开

视频：

9-1 短视频App视频发布模块--本章介绍

02:08

视频：

9-2 手把手带你实现视频发布页面整体布局设计

12:10

视频：

9-3 基于Grid组件和GridItem组件实现视频相册页面（一）--准备待上传视频数据

04:26

视频：

9-4 基于Grid组件和GridItem组件实现视频相册页面（二）--创建视频相册页面VideoAlbumPage

01:51

视频：

9-5 基于Grid组件和GridItem组件实现视频相册页面（三）--使用Grid组件和GridItem组件

14:03

视频：

9-6 选取本地图片资源作为视频封面（一）--从视频发布页面跳转到视频相册

03:18

视频：

9-7 选取本地图片资源作为视频封面（二）--选取视频封面

04:26

视频：

9-8 通过onPageShow方式获取视频选择的结果

10:17

视频：

9-9 视频发布校验

06:18

视频：

9-10 校验完成后的处理（一）--校验通过跳转到Index页面

04:32

视频：

9-11 校验完成后的处理（二）--校验不通过使用promptAction给出提示

02:53

视频：

9-12 更改从首页导航到视频发布页面的方式（一）--将VideoPublishPage内容从Index剥离

03:57

视频：

9-13 更改从首页导航到视频发布页面的方式（二）--自定义导航栏添加点击事件

05:38

视频：

9-14 更改从首页导航到视频发布页面的方式（三）--使用TabsController精细化控制Tabs

12:30

视频：

9-15 存储发布的视频（一）--通过路由参数获取用户信息并存储至AppStorage

10:36

视频：

9-16 存储发布的视频（二）--在视频发布页面通过AppStorage获取用户信息

03:08

视频：

9-17 存储发布的视频（三）--发布视频时通过路由参数传递视频数据

05:56

视频：

9-18 存储发布的视频（四）--在Index页获取发布视频数据并存储

02:58

视频：

9-19 存储发布的视频（五）--通过debug方式排查问题

06:28

视频：

9-20 短视频App发布模块--本章小结

01:47

第10章 【进入实战第六步】实战短视频App视频管理模块

29 节｜285分钟

展开

视频：

10-1 短视频App视频管理模块--本章介绍.mp4

03:44

视频：

10-2 “我”页面整体布局设计（一）--使用Flex布局实现菜单栏组件.mp4

05:01

视频：

10-3 “我”页面整体布局设计（二）--基于AppStorage创建个人信息展示区组件

05:40

视频：

10-4 “我”页面整体布局设计（三）--使用Tabs组件实现作品分类组件

15:09

视频：

10-5 “我”页面整体布局设计（四）--为“我”页面设置背景图

10:17

视频：

10-6 “我”页面作品列表（一）--定义用户上传的视频信息数据源

10:20

视频：

10-7 “我”页面作品列表（二）--基于List创建作品列表组件

22:54

视频：

10-8 UserVideoDataSource对象的双向绑定

14:53

视频：

10-9 “我”页面作品列表的新增和删除（一）--新增数据到UserVideoDataSource

04:03

视频：

10-10 “我”页面作品列表的新增和删除（二）--删除UserVideoDataSource的数据

02:01

视频：

10-11 “我”页面作品列表的新增和删除（三）--删除VideoInfoDataSource的数据

09:21

视频：

10-12 “我”页面作品列表的编辑（一）--基于CustomDialog来定义编辑弹窗

20:31

视频：

10-13 “我”页面作品列表的编辑（二）--定义VideoEditCustomDialog的实例

12:42

视频：

10-14 点赞信息存储（一）--基于IDataSource接口实现点赞信息数据源

14:10

视频：

10-15 点赞信息存储（二）--初始化首页数据时的点赞信息处理

09:14

视频：

10-16 点赞信息存储（三）--处理点赞与取消点赞

12:38

视频：

10-17 “我”页面点赞列表（一）--基于List创建点赞列表组件

05:18

视频：

10-18 “我”页面点赞列表（二）--作品分类引用点赞列表组件

24:56

视频：

10-19 收藏信息存储（一）--基于IDataSource接口实现点赞信息数据源

13:05

视频：

10-20 收藏信息存储（二）--初始化首页数据时的收藏信息处理

03:28

视频：

10-21 收藏信息存储（三）--处理收藏与取消收藏

04:25

视频：

10-22 “我”页面收藏列表（一）--基于List创建收藏列表组件

11:59

视频：

10-23 “我”页面收藏列表（二）--作品分类引用收藏列表组件

02:05

视频：

10-24 关注信息存储（一）--基于IDataSource接口实现关注信息数据源

12:07

视频：

10-25 关注信息存储（二）--初始化首页数据时的关注信息处理

05:36

视频：

10-26 关注信息存储（三）--处理关注与取关

06:25

视频：

10-27 “我”页面关注列表（一）--基于List创建关注列表组件

12:38

视频：

10-28 “我”页面关注列表（二）--作品分类引用关注列表组件

03:39

视频：

10-29 短视频App视频管理模块--本章小结

06:15

第11章 总结与展望

2 节｜28分钟

展开

视频：

11-1 总结与展望（一）--总结

20:08

视频：

11-2 总结与展望（二）--展望

06:53

本课程已完结