# 2024 鸿蒙零基础快速实战：仿抖音 App 开发（ArkTS 版）导读

如果你正打算切入移动开发领域，或者需要为现有项目寻找更优的技术栈，这门课的核心价值在于带你用最新的 ArkTS 语言和纯血鸿蒙 API，从零构建一个具备核心功能的短视频应用。它不卖“从零到专家”的虚幻承诺，而是专注于解决“如何用新语言写出能跑通的商业级 Demo"这一具体痛点。课程直接对标行业头部产品抖音，通过拆解其视频播放、用户交互、推荐算法等核心模块，让你直观感受鸿蒙生态在多媒体处理上的能力，而非仅仅停留在 Hello World 的层面。

课程定位与适用人群 这门课主要解决的是“鸿蒙生态迁移焦虑”和“短视频开发技术空白”两个问题。对于想转行做鸿蒙开发的初学者，它能让你跳过繁琐的原生组件配置，直接上手 ArkTS 语法和声明式 UI 开发模式，大幅降低入门门槛；对于已有 Java/Kotlin/Android 开发经验的从业者，课程重点在于展示 ArkTS 如何简化异步逻辑（如使用 Future/Task）以及如何利用纯血鸿蒙的分布式能力和元服务特性，帮助你快速完成技术栈的平滑切换。

需要注意的是，虽然课程宣传“零基础”，但这更多是指零基础学习 ArkTS 语法，如果你连变量、函数、循环等编程基础概念都没有，建议先补充计算机通识知识再学。课程适合有 Java 或 Web 前端基础的人群，因为 ArkTS 的语法逻辑与 TypeScript 高度相似，有前端经验的同学上手会非常快。

学习路径与资料配合 课程采用“场景驱动”的学习逻辑，建议优先观看关于“视频播放架构”和“列表滚动优化”的章节。因为短视频 App 的流畅度取决于视频解码和缓存策略，这部分内容能最直观地体现鸿蒙多媒体组件（如 Media Player）和文件系统 API 的实战用法，是检验你是否掌握核心技术的试金石。

在配合资料练习时，不要只盯着代码看，务必运行环境里搭建好真机或模拟器，重点练习“上传视频”和“发布动态”这两个功能点。资料包中的示例工程代码是理解 ArkUI 声明式开发思维的关键，建议先运行看效果，再逐段阅读代码注释，理解状态管理（State）是如何驱动界面更新的。对于进阶部分，资料中可能包含的缓存策略配置文件或媒体处理配置文件，需要你动手修改参数，观察不同分辨率下视频加载速度的变化，这才是内化技术原理的正道。

学完能达成的目标 学完这门课，你无法直接胜任大型短视频平台的后端架构或千万级并发开发，但你能独立交付一个具备完整闭环功能的鸿蒙端侧 Demo。具体而言，你能独立实现用户注册登录、短视频录制与上传、视频流媒体播放、评论区互动以及基于时间轴的视频编辑功能。这些功能串联起来，就是一个可运行、可演示、符合鸿蒙设计规范的原生应用。

更重要的是，通过仿制抖音的过程，你会建立起一套鸿蒙开发的思维模型：如何高效使用 ArkTS 处理异步任务，如何设计可复用的 UI 组件，以及如何利用鸿蒙的原子化服务特性。这些底层能力迁移到其他鸿蒙项目（如电商、办公类 App）时，能帮你快速搭建项目骨架，比单纯背诵 API 文档更有实战价值。

课程目录

20

24 鸿蒙零基础快速实战-仿抖音App开发（ ArkTS版 ），。本课程以原生鸿蒙HarmonyOS技术栈为核心，采用最新ArkTS语言开发，并以纯血Harmony API为基础，以超低门槛，带你极速落地HarmonyOS项目–抖音短视频App ，同时掌握最前沿的技术，无论你是从0到1开发鸿蒙APP，还是升级改造现有项目，都可以先人一步，轻松应对！.mp4
 ├── 第1章 开启快速开发HarmonyOS之旅/ │ ├── [ 18M] 1-1课程导学–怎样快速开发一个鸿蒙App │ └── [ 15M] 1-2项目效果演示 ├── 第2章 初探HarmonyOS/ │ ├── [8.1M] 2-1详解HarmonyOS特性 │ ├── [ 12M] 2-2全视角了解HarmonyOS架构 │ ├── [ 11M] 2-3原生鸿蒙-特性讲解 │ └── [4.2M] 2-4原生鸿蒙与HarmonyOSNEXT的关系 ├── 第3章 使用DevEco Studio高效开发/ │ ├── [5.1M] 3-1从注册华为账号开始 │ ├── [5.9M] 3-2下载安装开发工具DevEcoStudio │ ├── [ 17M] 3-3详解设置开发工具DevEcoStudio │ ├── [8.3M] 3-4创建一个HarmonyOS新应用之“HelloWorld” │ ├── [6.6M] 3-5使用预览器预览HarmonyOS应用 │ ├── [8.3M] 3-6使用远程模拟器运行HarmonyOS应用 │ ├── [4.9M] 3-7使用本地真机中运行HarmonyOS应用 │ ├── [2.7M] 3-8使用远程真机运行HarmonyOS应用 │ ├── [ 10M] 3-9在本地真机运行HarmonyOS应用 │ ├── [ 13M] 3-10详解DevEcoStudio编辑器常用功能 │ └── [ 10M] 3-11使用DevEcoStudio高效开发–本章总结 ├── 第4章 探寻HarmonyOS应用结构/ │ ├── [ 14M] 4-1鸿蒙OS是套壳Android吗？ │ ├── [7.4M] 4-2HarmonyOS应用结构之App详解 │ ├── [6.6M] 4-3HarmonyOS应用结构的核心-Ability │ ├── [4.5M] 4-4HarmonyOS应用结构文件详解-应用及组件级配置 │ ├── [2.8M] 4-5详解HarmonyOS应用结构之pack.info文件 │ └── [4.5M] 4-6探寻HarmonyOS应用结构–本章小结 ├── 第5章 【进入实战第一步】HarmonyOS App需求分析及设计/ │ ├── [ 18M] 5-1常见短视频平台有哪些功能？ │ ├── [ 12M] 5-2详解项目实现的功能 │ ├── [2.6M] 5-3如何设计HarmonyOS系统下短视频App的整体架构？ │ ├── [7.8M] 5-4HarmonyOS短视频App之UI设计 │ ├── [ 13M] 5-5HarmonyOS短视频App之业务逻辑设计 │ ├── [6.5M] 5-6HarmonyOS应用数据要如何存储？ │ └── [9.4M] 5-7HarmonyOSApp需求分析及设计–本章小结 ├── 第6章 【进入实战第二步】核心要素构建之短视频App原型设计与实现/ │ ├── [5.2M] 6-1谈谈HarmonyOSApp原型设计与实现 │ ├── [9.0M] 6-2应用初始化 │ ├── [2.9M] 6-3短视频应用的页面切换流程 │ ├── [ 31M] 6-4实现注册登录页面的原型设计 │ ├── [ 17M] 6-5实现首页页面的原型设计 │ ├── [8.7M] 6-6实现发布页面的原型设计 │ ├── [9.7M] 6-7实现“我”页面的原型设计 │ ├── [ 25M] 6-8实现导航栏的原型设计 │ └── [2.0M] 6-9短视频App原型设计与实现–本章小结 ├── 第7章 【进入实战第三步】短视频App用户注册登录模块/ │ ├── [6.9M] 7-1短视频App用户注册与登录模块–本章介绍 │ ├── [ 15M] 7-2HarmonyOSArkUI介绍 │ ├── [4.6M] 7-3优化注册登录页面 │ ├── [ 47M] 7-4基于TextInput组件搭建用户注册前台 │ ├── [ 50M] 7-5基于Grid组件和GridItem组件实现头像相册页面 │ ├── [ 11M] 7-6解析本地图片资源列表 │ ├── [ 41M] 7-7传递头像数据给头像相册页面PortraitAlbumPage │ ├── [ 24M] 7-8实现选取本地图片资源作为用户头像 │ ├── [ 46M] 7-9通过onPageShow方式获取头像选择的结果 │ ├── [ 31M] 7-10实现用户登录校验 │ └── [6.9M] 7-11短视频App用户注册与登录模块–本章小结 ├── 第8章 【进入实战第四步】实战短视频App视频播放模块/ │ ├── [7.5M] 8-1短视频App视频播放模块–本章介绍 │ ├── [ 30M] 8-2详解ArkTS语言 │ ├── [4.9M] 8-3短视频App视频播放概述 │ ├── 【更多it资源 www.】 │ ├── [8.4M] 8-4定义视频播放器的状态枚举类PlayState │ ├── [ 18M] 8-5深入理解视频播放组件Video │ ├── [8.5M] 8-6理解视频控制器VideoController的使用 │ ├── [ 27M] 8-7定义视频信息类VideoInfo及JSON数据 │ ├── [ 12M] 8-8实现视频播放器（一）–Stack创建视频播放界面布局 │ ├── [ 24M] 8-9实现视频播放器（二）–Video创建视频播放器 │ ├── [ 19M] 8-10实现视频播放器（三）–效果演示 │ ├── [ 13M] 8-11实现视频播放器的开始与暂停（一）–实现开始与暂停的方法 │ ├── [ 10M] 8-12实现视频播放器的开始与暂停（二）–设置视频播放器的点击事件 │ ├── [ 45M] 8-13实现视频播放器的开始与暂停（三）–在视频上设置开始按钮 │ ├── [ 41M] 8-14基于Flex布局实现视频分类页签 │ ├── [ 19M] 8-15实现视频信息展示区（一）–基于线性布局实现主体代码布局 │ ├── [ 28M] 8-16实现视频信息展示区（二）–实现用户信息展示 │ ├── [ 39M] 8-17实现视频信息展示区（三）–实现视频信息展示 │ ├── [ 60M] 8-18实现侧边操作栏（一）–实现侧边操作栏 │ ├── [ 22M] 8-19实现侧边操作栏（二）–在视频播放界面添加侧边操作栏 │ ├── [ 33M] 8-20实现滑动切换视频功能（一）–在首页使用Swiper组件 │ ├── [ 63M] 8-21实现滑动切换视频功能（二）–通过@Link、@Watch处理父组件变量的变化 │ ├── [ 37M] 8-22实现滑动切换视频功能（三）–实现MainPage组件与VideoView的互动 │ ├── [ 47M] 8-23实现滑动切换视频功能（四）–实现Index与子组件MainPage的互动 │ ├── [ 52M] 8-24实现视频数据存储（一）–定义抽象类BasicDataSource（一） │ ├── [ 68M] 8-25实现视频数据存储（一）–定义抽象类BasicDataSource（二） │ ├── [ 12M] 8-26实现视频数据存储（二）–定义视频信息数据源VideoInfoDataSource │ ├── [ 23M] 8-27实现视频数据存储（三）–通过LazyForEach实现视频数据的懒加载 │ ├── [ 18M] 8-28实现视频数据存储（四）–在Index页面传递视频数据源给首页 │ ├── [ 27M] 8-29通过Builder自定义导航栏的样式（一）–自定义导航栏TabBuilder │ ├── [ 14M] 8-30通过Builder自定义导航栏的样式（二）–在TabContent中使用TabBuilder │ └── [4.9M] 8-31短视频App视频播放模块–本章小结 ├── 第9章 【进入实战第五步】实战短视频App视频发布模块/ │ ├── [2.7M] 9-1短视频App视频发布模块–本章介绍 │ ├── [ 41M] 9-2手把手带你实现视频发布页面整体布局设计 │ ├── [ 16M] 9-3基于Grid组件和GridItem组件实现视频相册页面（一）–准备待上传视频数据 │ ├── [4.8M] 9-4基于Grid组件和GridItem组件实现视频相册页面（二）–创建视频相册页面VideoAlbumPage │ ├── [ 44M] 9-5基于Grid组件和GridItem组件实现视频相册页面（三）–使用Grid组件和GridItem组件 │ ├── [9.7M] 9-6选取本地图片资源作为视频封面（一）–从视频发布页面跳转到视频相册 │ ├── [ 15M] 9-7选取本地图片资源作为视频封面（二）–选取视频封面 │ ├── [ 42M] 9-8通过onPageShow方式获取视频选择的结果 │ ├── [ 22M] 9-9视频发布校验 │ ├── [ 12M] 9-10校验完成后的处理（一）–校验通过跳转到Index页面 │ ├── [ 11M] 9-11校验完成后的处理（二）–校验不通过使用promptAction给出提示 │ ├── [9.1M] 9-12更改从首页导航到视频发布页面的方式（一）–将VideoPublishPage内容从Index剥离 │ ├── [ 24M] 9-13更改从首页导航到视频发布页面的方式（二）–自定义导航栏添加点击事件 │ ├── [ 48M] 9-14更改从首页导航到视频发布页面的方式（三）–使用TabsController精细化控制Tabs │ ├── [ 30M] 9-15存储发布的视频（一）–通过路由参数获取用户信息并存储至AppStorage │ ├── [ 12M] 9-16存储发布的视频（二）–在视频发布页面通过AppStorage获取用户信息 │ ├── [ 22M] 9-17存储发布的视频（三）–发布视频时通过路由参数传递视频数据 │ ├── [ 13M] 9-18存储发布的视频（四）–在Index页获取发布视频数据并存储 │ ├── [ 32M] 9-19存储发布的视频（五）–通过debug方式排查问题 │ └── [2.4M] 9-20短视频App发布模块–本章小结 ├── 第10章 【进入实战第六步】实战短视频App视频管理模块/ │ ├── [4.2M] 10-1短视频App视频管理模块–本章介绍 │ ├── @更多it资源 www. │ ├── [ 15M] 10-2“我”页面整体布局设计（一）–使用Flex布局实现菜单栏组件 │ ├── [ 19M] 10-3“我”页面整体布局设计（二）–基于AppStorage创建个人信息展示区组件 │ ├── [ 54M] 10-4“我”页面整体布局设计（三）–使用Tabs组件实现作品分类组件 │ ├── [ 36M] 10-5“我”页面整体布局设计（四）–为“我”页面设置背景图 │ ├── [ 25M] 10-6“我”页面作品列表（一）–定义用户上传的视频信息数据源 │ ├── [ 77M] 10-7“我”页面作品列表（二）–基于List创建作品列表组件 │ ├── [ 63M] 10-8UserVideoDataSource对象的双向绑定 │ ├── [ 11M] 10-9“我”页面作品列表的新增和删除（一）–新增数据到UserVideoDataSource │ ├── [8.5M] 10-10“我”页面作品列表的新增和删除（二）–删除UserVideoDataSource的数据 │ ├── [ 44M] 10-11“我”页面作品列表的新增和删除（三）–删除VideoInfoDataSource的数据 │ ├── [ 90M] 10-12“我”页面作品列表的编辑（一）–基于CustomDialog来定义编辑弹窗 │ ├── [ 60M] 10-13“我”页面作品列表的编辑（二）–定义VideoEditCustomDialog的实例 │ ├── [ 41M] 10-14点赞信息存储（一）–基于IDataSource接口实现点赞信息数据源 │ ├── [ 34M] 10-15点赞信息存储（二）–初始化首页数据时的点赞信息处理 │ ├── [ 48M] 10-16点赞信息存储（三）–处理点赞与取消点赞 │ ├── [ 26M] 10-17“我”页面点赞列表（一）–基于List创建点赞列表组件 │ ├── [ 67M] 10-18“我”页面点赞列表（二）–作品分类引用点赞列表组件 │ ├── [ 38M] 10-19收藏信息存储（一）–基于IDataSource接口实现点赞信息数据源 │ ├── [ 16M] 10-20收藏信息存储（二）–初始化首页数据时的收藏信息处理 │ ├── [ 22M] 10-21收藏信息存储（三）–处理收藏与取消收藏 │ ├── [ 49M] 10-22“我”页面收藏列表（一）–基于List创建收藏列表组件 │ ├── [ 10M] 10-23“我”页面收藏列表（二）–作品分类引用收藏列表组件 │ ├── [ 36M] 10-24关注信息存储（一）–基于IDataSource接口实现关注信息数据源 │ ├── [ 25M] 10-25关注信息存储（二）–初始化首页数据时的关注信息处理 │ ├── [ 29M] 10-26关注信息存储（三）–处理关注与取关 │ ├── [ 48M] 10-27“我”页面关注列表（一）–基于List创建关注列表组件 │ ├── [ 17M] 10-28“我”页面关注列表（二）–作品分类引用关注列表组件 │ └── [6.4M] 10-29短视频App视频管理模块–本章小结 └── 第11章 总结与展望/ ├── [ 21M] 11-1总结与展望（一）–总结 └── [9.2M] 11-2总结与展望（二）–展望 └── 资料代码/