飞豹客 · 课能看,资料也能带走
飞豹客移动开发 会员免费

黑马-HarmonyOS NEXT星河版入门到实战

如果你已经在做前端或者 Android 开发,最近又总被「鸿蒙原生应用」这几个字刷屏,这套资料值得花时间看一眼。它讲的是 HarmonyOS NEXT 上的应用开发,用的是 ArkTS 语言加 ArkUI 声明式界面这套官方主推的方案,不是早几年那种兼容安卓的思路。换句话说,学的是现在真正在招人的那

单课价¥19.90新品 上架
会员价 会员免费开通会员后本篇可直接下载套餐详情
169 人关注 更新于 2026-03-28 永久有效
发货

网盘链接 · 支付成功后自动发货

保障

永久有效 · 链接失效免费补发

客服

每日 9:00-21:00 在线客服 联系客服

会员可免费下载本篇月会员、年会员、永久会员可按日额度下载(每篇扣 1 次)。

开通会员 ›
购买本课销量 0 · 永久有效
会员价 · 单课标价 ¥19.90

会员 A · 按档位折扣

永久免费可下
年免费可下
月免费可下
周免费可下

会员 B

VIP¥3.98低至
SVIP单买¥200 内可领

游客按标价购买,不享受上表折扣。

支付成功后自动发放网盘链接,链接失效可找客服免费补

正版保障 极速发货 售后无忧

如果你已经在做前端或者 Android 开发,最近又总被「鸿蒙原生应用」这几个字刷屏,这套资料值得花时间看一眼。它讲的是 HarmonyOS NEXT 上的应用开发,用的是 ArkTS 语言加 ArkUI 声明式界面这套官方主推的方案,不是早几年那种兼容安卓的思路。换句话说,学的是现在真正在招人的那个方向。

它解决的是「能上手写页面」这件事

很多人对鸿蒙开发的卡点不在概念,而在动手:语言是新的,布局写法跟过去习惯的 XML 或 JSX 都不太一样,官方文档翻起来又碎。这套内容基本围绕一个目标推进——让你能独立把一个 App 的界面搭出来。前面一多半篇幅在补 ArkTS 的语言底子,变量常量怎么命名、数据怎么存、函数完整写法、接口和对象、枚举、对象方法,这些都是写业务代码绕不开的基础,讲得不深但够用。之后转入 ArkUI,从输入框这类基础组件开始,一路到圆角、背景图与背景位置、层叠布局、弹性布局 Flex,最后用个人中心、人气卡片这类综合案例把零散知识串起来。整个顺序是「先会写逻辑,再会排界面」,符合实际开发时的使用节奏。

适合什么基础,先看哪几块

如果你有任意一门编程语言的基础,哪怕只是 JavaScript 或 Java 入门水平,跟下来不会吃力;完全零编程经验的话,ArkTS 那几节需要放慢速度,多敲几遍。反过来,如果你已经写过 Vue 或 React,声明式 UI 的思路是相通的,可以快速扫过语言部分,把精力放在 ArkUI 的布局和组件上。

建议的观看顺序是:先集中看 ArkTS 语言那一段,把语法手感建立起来,不要跳;然后进入界面开发起步,理解一个页面从代码到渲染的流程;接着重点啃布局相关的几节,层叠和弹性布局是后面所有复杂界面的地基,这两块看懂了,案例部分会轻松很多。综合案例不要只看不写,它们的作用是暴露你前面漏掉的知识点。

学完能做什么,资料怎么配合练

按这条线走完,你能够独立完成一个中等复杂度应用的界面层:多页面跳转、列表与卡片展示、表单输入、自定义圆角和背景样式、用弹性布局做自适应排列。这个程度足够支撑你去接一个鸿蒙应用的外包页面开发,或者在公司内部转岗时拿出可演示的东西。需要说明的是,这套内容偏界面和基础逻辑,网络请求、数据持久化、上架发布这些环节涉及较少,真要做出完整产品还得自己补。

练习上建议这样配合:每看完一个布局知识点,不要停在视频里,自己新建一个页面把同样的效果复现一遍,然后改参数看变化,比如把弹性布局的主轴方向换一下、把背景图位置调几个值,这种「改坏再改回来」的过程比反复看视频有效得多。综合案例可以当成阶段测验,先自己写,卡住了再回头看对应章节。配套的视频按知识点拆分得比较细,适合按需回查,不必从头到尾线性刷完。

课程目录

黑马-HarmonyOS NEXT星河版入门到实战  📁 配套资料  📁 鸿蒙NEXT星河版-视频    📄55 集
  • 42-层叠布局【】.mp4
  •    📄 27-特殊形状的圆角设置【】.mp4
  •    📄 07-ArkTS-函数的完整写法【】.mp4
  •    📄 03-ArkTS-认识和存储数据【】.mp4
  •    📄 39-弹性布局Flex【】.mp4
  •    📄 33-综合案例-个人中心【】.mp4
  •    📄 29-背景属性-背景图位置【】.mp4
  •    📄 19-ArkUI-输入框和组件【】.mp4
  •    📄 12-ArkTS-枚举【】.mp4
  •    📄 09-ArkTS-接口&对象【】.mp4
  •    📄 28-背景属性-背景图片【】.mp4
  •    📄 10-ArkTS-对象方法【】.mp4
  •    📄 13-Next-界面开发起步【】.mp4
  •    📄 04-ArkTS-常量和变量的命名规则【】.mp4
  •    📄 41-综合案例-人气卡片案例【】.mp4
  •    📄 38-【阶段综合】-京东登录【】.mp4
  •    📄 30-背景定位-单位问题vp2px【】.mp4
  •    📄 17-ArkUI-文本溢出省略号、行高【】.mp4
  •    📄 20-综合实战-华为登录【】.mp4
  •    📄 43-综合案例-B站-视频卡片【】.mp4
  •    📄 40-绝对定位和层级zIndex【】.mp4
  •    📄 11-ArkTS-联合类型【】.mp4
  •    📄 25-边框border【】.mp4
  •    📄 鸿蒙课程介绍【】.mp4
  •    📄 15-ArkUI-组件属性方法【】.mp4
  •    📄 06-ArkTS-函数的基本使用【】.mp4
  •    📄 34-线性布局-交叉轴对齐方式【】.mp4
  •    📄 08-ArkTS-箭头函数【】.mp4
  •    📄 32-线性布局-主轴对齐方式【】.mp4
  •    📄 02-ArkTS-基础快速入门【】.mp4
  •    📄 31-背景尺寸大小【】.mp4
  •    📄 14-ArkUI-界面开发布局思路【】.mp4
  •    📄 26-设置组件圆角【】.mp4
  •    📄 18-ArkUI-图片组件【】.mp4
  •    📄 23-外边距-margin【】.mp4
  •    📄 36-自适应伸缩-layoutWeight【】.mp4
  •    📄 05-ArkTS-数组【】.mp4
  •    📄 37-综合案例-得物卡片【】.mp4
  •    📄 22-布局元素的组成&内边距-padding【】.mp4
  •    📄 44-【阶段综合】-支付宝(上)【】.mp4
  •    📄 01-环境备选方案-API10-开发工具下载【】.mp4
  •    📄 16-ArkUI-文本颜色【】.mp4
  •    📄 35-综合案例-得物列表项【】.mp4
  •    📄 24-综合案例-QQ音乐-登录【】.mp4
  •    📄 21-设计资源-svg图标【】.mp4
  •    📄 45-【阶段综合】-支付宝(下)【】.mp4
  •    📄 00-鸿蒙开发环境准备【】.mp4
  •    📁 软件素材    📁 图片素材    📁 代码    📁 PPT笔记      📄 DevEco Studio 4.0.0.6
  • 00 使用指南【】.pdf
  •      📄 deveco-studio-4.0.0.600【】.exe      📄 myfirst-0311更新【】.zip
  •      📄 myfirst-0229更新【】.zip
  •      📄 myfirst【】.zip
  •      📄 03-鸿蒙界面开发(38-45)【】.pdf
  •      📄 02-鸿蒙界面开发(21-37)【】.pdf
  •      📄 01-鸿蒙界面开发(01-20)【】.pdf
  •      📄 zfb_nav3【】.svg      📄 zfb_nav9【】.svg      📄 flower【】.png      📄 zfb_nav15_more【】.svg      📄 zfb_tab_home【】.svg      📄 ic_like【】.svg      📄 bz_more【】.svg      📄 jd_login_bg【】.png      📄 ic_pay【】.svg      📄 jd_weibo【】.svg      📄 zfb_head_search【】.svg      📄 bz_img【】.jpg      📄 nick【】.jpg      📄 jd_QQ【】.svg      📄 jd_wechat【】.svg      📄 user【】.jpg      📄 zfb_nav11【】.svg      📄 ic_arrow_right【】.svg      📄 tree【】.png      📄 zfb_nav1【】.svg      📄 product【】.png      📄 zfb_nav14【】.svg      📄 ic_secure【】.svg      📄 zfb_top_card【】.svg      📄 ic_360【】.svg      📄 zfb_pro_pic3【】.jpg      📄 m_user【】.png      📄 zfb_nav7【】.svg      📄 zfb_tab_chat【】.svg      📄 zfb_nav4【】.svg      📄 zfb_nav5【】.svg      📄 jd_cancel【】.svg      📄 huawei【】.svg      📄 zfb_nav2【】.svg      📄 startIcon【】.png      📄 zfb_nav8【】.svg      📄 icon【】.png      📄 ic_ticket【】.svg      📄 ic_fly【】.svg      📄 position_moco【】.webp      📄 zfb_pro_list1【】.jpg      📄 zfb_head_plus【】.svg      📄 zfb_tab_life【】.svg      📄 zfb_pro_pic1【】.png      📄 ic_late【】.svg      📄 zfb_tab_me【】.svg      📄 zfb_top_travel【】.svg      📄 zfb_top_scan【】.svg      📄 zfb_nav13【】.svg      📄 weibo【】.svg      📄 position_earphone【】.svg      📄 zfb_tab_money【】.svg      📄 zfb_nav12【】.svg      📄 zfb_pro_list2【】.jpg      📄 ic_more【】.svg      📄 zfb_top_pay【】.svg      📄 zfb_nav6【】.svg      📄 bz_play【】.svg      📄 jd_logo【】.png      📄 ic_arrow_left【】.svg      📄 cat【】.jpeg      📄 avatar【】.jpg      📄 zfb_nav10【】.svg      📄 jd_right【】.svg      📄 zfb_pro_pic2【】.jpg      📄 zfb_head_down【】.svg      📄 jd_huawei【】.svg      📄 bz_msg【】.svg