人工精选黑马-HarmonyOS NEXT星河版入门到实战
如果你已经在做前端或者 Android 开发,最近又总被「鸿蒙原生应用」这几个字刷屏,这套资料值得花时间看一眼。它讲的是 HarmonyOS NEXT 上的应用开发,用的是 ArkTS 语言加 ArkUI 声明式界面这套官方主推的方案,不是早几年那种兼容安卓的思路。换句话说,学的是现在真正在招人的那
会员可免费下载本篇月会员、年会员、永久会员可按日额度下载(每篇扣 1 次)。
开通会员 ›会员 A · 按档位折扣
会员 B
游客按标价购买,不享受上表折扣。
支付成功后自动发放网盘链接,链接失效可找客服免费补
如果你已经在做前端或者 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





