这门课解决什么问题

很多前端或移动端开发者看完了 HarmonyOS 的基础语法文档，依然很难独立完成一个结构完整的商业 App。问题出在缺少大型项目的工程化串联：页面怎么跳转、状态怎么流转、多设备间怎么协同。这门课围绕一个社区类 App 展开，重点解决从零基础到独立搭建鸿蒙原生应用的落地问题。它没有把时间花在理论概念上，而是直接进入注册、登录、导航等真实业务页面的开发，带你把 ArkUI 的声明式语法用到实际交互里。对于需要快速跟上鸿蒙生态、又苦于没有完整项目参考的开发者来说，这是一次很务实的实战演练。

适合什么基础与学习建议

课程适合有前端或移动端开发基础、能看懂基本类型系统和组件概念的人。如果你写过 Vue、React 或者原生 Android，跟起来会比较顺；纯零基础建议先补基础的 TypeScript 语法。资料里同时提供了 JS 和 ETS 两种范式，建议先看双范式概览和开发环境配置，建立整体认知。然后重点跟做 ETS 版本，这是当前主推方向。注册登录模块的 UI 结构分析一定要先看，理解了页面拆分逻辑再去写代码，比直接抄效率高得多。条件渲染和页面跳转那几节是打地基的部分，别跳过。

学完能做什么与资料怎么用

  • 能独立搭建一个鸿蒙 App 的基础框架，完成注册、登录、隐私协议等常见页面的 UI 实现与跳转逻辑。
  • 掌握 ArkUI 组件的声明式写法，理解状态驱动视图的思路，能处理条件渲染、列表布局等典型场景。
  • 资料配合方式：先看视频理解页面结构拆分，再自己从零写一遍代码，遇到卡壳再回看对应片段。不要边看边抄，先写再对照，记忆更深。


学不到鸿蒙大型项目经验？鸿蒙社区App超级实战来了！ArkUI、分布式迁移、分布式协作

课程目录

*   01 项目上架效果+课程概览/

  *   01 超级双范式实战概览.mp4 14:03

  *   02 开发工具+模拟器+投屏工具.mp4 05:31

*   02 第一个Hello World App上手/

  *   01 Hello World App(JS版本).mp4 13:53

  *   02 Hello World App(ETS版本).mp4 05:24

*   03 第一季注册登录全部页面实现(JS UI版)/

  *   01 注册登录UI结构分析.mp4 07:47

  *   02 导航栏UI结构分析.mp4 04:00

  *   03 导航栏代码实现（JS版本）.mp4 23:03

  *   04 隐私和协议UI实现.mp4 19:37

  *   05 从登录到隐私的跳转.mp4 18:01

  *   06 余白和条件渲染.mp4 23:05

  *   07 输入框相关.mp4 15:35

  *   08 登录按钮.mp4 10:11

  *   09 输入有效性检查.mp4 12:28

  *   10 登录结果有效性检查.mp4 06:52

  *   11 11.验证码登录UI-显示控制.mp4 14:03

  *   12 12.手机号有效性验证.mp4 10:26

  *   13 13.发送验证码模拟.mp4 09:07

  *   14 14.倒计时60秒实现.mp4 08:43

  *   15 15.倒计时控制.mp4 09:53

  *   16 16.样式再优化.mp4 05:30

  *   17 17.成功登录模拟.mp4 07:06

  *   18 18.手机号检测的漏洞.mp4 05:11

  *   19 19.使用npm包管理器.mp4 09:51

  *   20 20.测试validator.js.mp4 08:06

  *   21 21.找回密码UI快速实现.mp4 15:46

  *   22 22.设置新密码UI实现.mp4 20:45

  *   23 23.改进的延时函数sleep.mp4 06:00

  *   24 24.全部页面返回优化.mp4 05:56

  *   25 25.ArkUI – JS小结.mp4 04:37

*   04 注册登录全部UI实现(ETS UI版)/

  *   01 1.注册登录UI分析(ETS版本).mp4 01:55

  *   02 2.导航栏复用.mp4 15:54

  *   03 3.隐私页复用-字符串复用.mp4 05:09

  *   04 4.组件级复用和调试.mp4 10:11

  *   05 5.页面滚动.mp4 07:09

  *   06 6.去除页面标题栏.mp4 08:12

  *   07 7.账号登录UI布局.mp4 10:06

  *   08 8.颜色重用.mp4 13:03

  *   09 9.页面跳转.mp4 05:24

  *   10 10.页面传值.mp4 05:58

  *   11 11.条件渲染(属性和参数级).mp4 04:19

  *   12 12.条件渲染(组件级).mp4 04:16

  *   13 13.用户点击互动.mp4 03:33

  *   14 14.用户输入模拟.mp4 04:35

  *   15 15.组件样式复用.mp4 05:19

  *   16 16.状态变量监视器.mp4 06:32

  *   17 17.模拟用户输入状态.mp4 06:07

  *   18 18.使用TextInput组件.mp4 07:30

  *   19 19.TextInput用法奥义.mp4 09:37

  *   20 20.输入有效性验证.mp4 01:54

  *   21 21.服务端有效性模拟.mp4 03:30

  *   22 22.使用npm库.mp4 02:31

  *   23 23.异步函数.mp4 03:12

  *   24 24.属性动画.mp4 13:04