getfromcode移动开发 会员免费

黑马-鸿蒙应用开发基础入门到实战

这套资料的主题很明确:鸿蒙(HarmonyOS)应用开发,从语言基础走到能跑起来的小项目。它的重心不在概念科普,而在带 IDE、带案例、带可复制的工程步骤。对已经写过前端或 Android 的开发者来说,价值主要在「对照」:对照 ArkTS 的写法、对照鸿蒙的组件体系、对照一个真实工程在 DevEc

单课价¥29.90新品 上架
会员价 会员免费开通会员,全站课程按额度无限下载套餐详情
3 人关注 更新于 2026-09-09 永久有效
发货

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

保障

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

客服

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

支付成功后自动发货,可在「我的订单」查看网盘链接;链接失效可联系客服免费补链。

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

这套资料的主题很明确:鸿蒙(HarmonyOS)应用开发,从语言基础走到能跑起来的小项目。它的重心不在概念科普,而在带 IDE、带案例、带可复制的工程步骤。对已经写过前端或 Android 的开发者来说,价值主要在「对照」:对照 ArkTS 的写法、对照鸿蒙的组件体系、对照一个真实工程在 DevEco Studio 里的组织方式。

技术栈与版本基线

鸿蒙应用开发现在的主线是 ArkTS + ArkUI 声明式范式。ArkTS 在 TypeScript 基础上做了约束和扩展,比如禁止运行时动态改对象结构、强化静态类型,状态管理用 @State、@Prop、@Link、@Provide/@Consume 这一套装饰器体系。ArkUI 则是声明式 UI 框架,页面用 build() 里的组件树描述,布局靠 Row/Column/Stack/Flex 等容器组合。

资料包里的 IDE 版本是 DevEco Studio 5.0.3.600,同时给了 macOS(Intel 与 Apple Silicon 两个架构)和 Windows 三个安装包。这一点值得单独提一句:DevEco Studio 的下载包体积大,且不同芯片架构的 Mac 包不通用,先把 IDE 版本和本机架构对齐,比后面遇到 SDK 同步失败再回头排查要省事。5.0.x 对应的是较新的 API 版本和 Stage 模型,工程结构、模块配置、路由方式都和新版一致,不是早期的 FA 模型写法,所以跟现在官方文档能对得上。

课程的组织方式

从可见的内容看,这是一条按天推进的线,day 编号到 day09,后面还有实战部分。以 day09 为例,里面出现的两个案例很有代表性:一个是「学生档案 - 修改对象数组」,一个是「抽卡 - Badge 角标」。前者练的是数据层——对象数组的增删改、状态变更后界面如何刷新,这是 ArkTS 里最容易踩坑的地方,因为对象和数组的响应式触发条件和普通 JS 直觉不一样;后者练的是组件层——Badge 这种装饰性组件的用法和参数,属于 ArkUI 组件库的实际调用。

这种「一个案例打一个点」的安排,适合拿来当练习册用。看视频的时候容易产生「懂了」的错觉,但对象数组修改后 UI 不刷新、@State 加在错误层级上这类问题,只有自己敲一遍才会暴露。建议的做法是:先看案例要做什么,暂停,自己写一遍,再对照参考实现,重点看状态变量声明的位置和更新方式。

可以复用的部分

  • 开发环境的完整安装链路:IDE 安装、SDK 配置、模拟器或真机调试,这部分一次配好长期受益,属于一次性投入。
  • ArkTS 的状态管理写法:装饰器怎么选、数据流往哪个方向走,这是鸿蒙 UI 开发里复用率最高的知识。
  • 案例的组件拆分思路:把学生档案、抽卡这类小需求拆成数据、状态、视图三层,这套结构可以直接搬到自己的练习项目里。
  • 页面路由与参数传递:多页面应用绕不开,day 编号靠后的内容里通常会涉及。

需要提醒的是,鸿蒙的 API 迭代较快,装饰器语义、路由 API 在不同版本间有过调整。参考案例时以本机 SDK 的接口为准,遇到编译不过先查 API 版本差异,而不是怀疑自己的代码逻辑。

怎么用这份资料

不建议从头到尾匀速看完。更高效的方式是:先用最短时间把 IDE 跑通、把 Hello World 跑到模拟器上,确认工具链没问题;然后跳到 ArkTS 基础和 ArkUI 布局这两块,这是所有后续内容的地基;接着按案例逐天推进,每学一个点就独立实现一次,而不是跟着视频敲。

有 TypeScript 或前端经验的人可以更快,重点放在鸿蒙特有的部分——装饰器状态管理、UIAbility 生命周期、Stage 模型下的模块与配置文件。没有前端背景的,则需要在 ArkTS 的语法和组件布局上多花时间。整体而言,这是一份可以边看边对照实践的鸿蒙入门材料,适合当作动手练习的脚手架,而不是纯观看的视频课。

黑马-鸿蒙应用开发基础入门到实战

从基础到实战,掌握鸿蒙应用开发

编辑点评

全面覆盖鸿蒙开发软件与实战案例,适合初学者快速入门。

⭐ 编辑推荐

本课程深入浅出,通过实际案例教学,帮助学员快速掌握鸿蒙应用开发技能。

✨ 课程亮点

✦鸿蒙开发软件资料丰富
✦实战案例教学
✦适合初学者入门

课程目录

鸿蒙开发软件4 条
  • 鸿蒙开发软件资料.png [493.5 KB]
  • devecostudio-mac-5.0.3.600.zip [3.7 GB]
  • devecostudio-mac-arm-5.0.3.600.zip [3.5 GB]
  • devecostudio-windows-5.0.3.600.zip [2.3 GB]
📁 视频18 集
  • Day9-04-案例学生档案-修改对象数组.mp4 [20.4 MB]
  • Day9-06-鎶藉崱-Badge瑙掓爣.mp4 [35.8 MB]
  • Day9-10-抽卡-生肖卡-显示隐藏.mp4 [20.1 MB]
  • Day9-02-寰幆娓叉煋-Foreach.mp4 [28.9 MB]
  • Day9-05-Math瀵硅薄-闅忔満.mp4 [25.7 MB]
  • Day9-15-抽卡-中奖界面显示隐藏.mp4 [17.5 MB]
  • Day9-11-抽卡-生肖卡-透明度-显隐.mp4 [12.8 MB]
  • Day9-16-抽卡-判断是否中奖.mp4 [39.3 MB]
  • Day9-08-抽卡-立即抽卡按钮.mp4 [11.7 MB]
  • Day9-09-抽卡-生肖卡静态布局.mp4 [25.7 MB]
  • Day9-12-抽卡-生肖卡-缩放动画.mp4 [26.1 MB]
  • Day9-17-抽卡-随机中奖.mp4 [32.5 MB]
  • Day9-18-抽卡-再来一次.mp4 [28.2 MB]
  • Day9-13-抽卡-生肖卡-随机.mp4 [18.4 MB]
  • Day9-03-案例-学生档案-Foreach.mp4 [15.7 MB]
  • Day9-14-抽卡-生肖卡-收卡.mp4 [46.3 MB]
  • Day9-01-今日课程介绍.mp4 [14.4 MB]
  • Day9-07-抽卡-循环渲染底图.mp4 [22.6 MB]
📁 element1 条
  • string.json [247.0 B]
📁 profile1 条
  • main_pages.json [37.0 B]
📁 element2 条
  • string.json [247.0 B]
  • color.json [105.0 B]
📁 media19 条
  • pg.png [268.8 KB]
  • bg_01.png [28.5 KB]
  • hw.png [495.9 KB]
  • img_01.png [448.9 KB]
  • xm.png [233.9 KB]
  • bg_03.png [226.5 KB]
  • bg_00.png [224.9 KB]
  • bg_02.png [227.0 KB]
  • img_04.png [780.5 KB]
  • img_02.png [788.9 KB]
  • img_03.png [653.6 KB]
  • background.png [56.0 KB]
  • bg_05.png [223.1 KB]
  • foreground.png [12.1 KB]
  • startIcon.png [19.6 KB]
  • img_05.png [628.1 KB]
  • bg_04.png [227.6 KB]
  • img_00.png [737.8 KB]
  • layered_image.json [109.0 B]
📁 profile1 条
  • backup_config.json [36.0 B]
📁 element1 条
  • string.json [241.0 B]
📁 entrybackupability1 条
  • EntryBackupAbility.ets [436.0 B]
📁 entryability1 条
  • EntryAbility.ets [1.4 KB]
📁 pages6 条
  • 03-Math对象-随机.ets [460.0 B]
  • 02-案例-学生档案.ets [1.0 KB]
  • 01-循环渲染-forEach.ets [474.0 B]
  • Index.ets [6.2 KB]
  • module.json5 [964.0 B]
  • day09说明.png [493.5 KB]
📁 element1 条
  • string.json [241.0 B]
📁 element1 条
  • string.json [247.0 B]
📁 element1 条
  • string.json [247.0 B]
📁 profile2 条
  • main_pages.json [37.0 B]
  • backup_config.json [36.0 B]
📁 element1 条
  • color.json [105.0 B]
📁 media13 条
  • pics.jpg [378.5 KB]
  • ic_public_arrow_right.svg [1.5 KB]
  • ic_gallery_create.svg [3.3 KB]
  • avatar.jpg [94.8 KB]
  • layered_image.json [109.0 B]
  • foreground.png [12.1 KB]
  • all_x5.jpg [195.8 KB]
  • background.png [56.0 KB]
  • flower.png [187.3 KB]
  • hw_bg.jpg [16.8 KB]
  • ic_user.png [318.0 KB]
  • startIcon.png [19.6 KB]
  • ic_like.svg [1.3 KB]
📁 pages14 条
  • 12-径向渐变.ets [434.0 B]
  • 02-内边距padding.ets [428.0 B]
  • 01-设计资源-图标库.ets [289.0 B]
  • 07-案例-小红书商品.ets [946.0 B]
  • 05-边框线.ets [623.0 B]
  • 09-背景图-缩放.ets [781.0 B]
  • 10-案例-华为解决方案.ets [848.0 B]
  • 03-外边距margin.ets [370.0 B]
  • 08-背景图-图片和平铺.ets [399.0 B]
  • 06-圆角.ets [864.0 B]
  • 11-线性渐变.ets [488.0 B]
  • 13-阴影.ets [453.0 B]
  • 04-案例-QQ音乐登录.ets [480.0 B]
  • Index.ets [1.3 KB]
📁 entrybackupability1 条
  • EntryBackupAbility.ets [436.0 B]
📁 entryability3 条
  • EntryAbility.ets [1.4 KB]
  • module.json5 [1.3 KB]
  • 代码必看.png [493.5 KB]
📁 视频15 集
  • Day3-02-设计资源-图标库-阿里巴巴.mp4 [20.8 MB]
  • Day3-11-小红书商品-文字内容.mp4 [21.3 MB]
  • Day3-19-华为商品-布局.mp4 [19.4 MB]
  • Day3-09-圆角-正圆和胶囊形状.mp4 [17.8 MB]
  • Day3-17-寰勫悜娓愬彉.mp4 [22.4 MB]
  • Day3-10-小红书商品-布局.mp4 [19.6 MB]
  • Day3-08-圆角-基本写法.mp4 [12.0 MB]
  • Day3-06-边框线-四个方向相同.mp4 [14.0 MB]
  • Day3-05-案例-Qq音乐登录.mp4 [20.3 MB]
  • Day3-15-案例-华为解决方案.mp4 [33.4 MB]
  • Day3-01-设计资源-图标库-下载和使用.mp4 [34.2 MB]
  • Day3-07-边框线-四个方向不同.mp4 [11.3 MB]
  • Day3-04-澶栬竟璺漨argin.mp4 [14.7 MB]
  • Day3-20-华为商品-文字.mp4 [27.5 MB]
  • Day3-12-背景图-图片和平铺.mp4 [25.0 MB]
📁 entrybackupability1 条
  • EntryBackupAbility.ets [436.0 B]
📁 entryability1 条
  • EntryAbility.ets [1.4 KB]
📁 pages19 条
  • 02-模板字符串.ets [421.0 B]
  • 14-逻辑运算符.ets [405.0 B]
  • 08-案例-点击隐藏红包-visibility.ets [842.0 B]
  • 17-案例-美团购物车.ets [3.9 KB]
  • 16-运算符优先级.ets [326.0 B]
  • 06-状态和点击事件.ets [685.0 B]
  • 09-算数运算符.ets [219.0 B]
  • 03-字符串转数字.ets [872.0 B]
  • 10-赋值运算.ets [206.0 B]
  • 12-一元运算符.ets [291.0 B]
  • 07-案例-点击隐藏红包-opacity.ets [682.0 B]
  • 13-比较运算符.ets [258.0 B]
  • Index.ets [839.0 B]
  • 04-数字转字符串.ets [501.0 B]
  • 01-字符串拼接+.ets [448.0 B]
  • 18-数组-操作数据.ets [839.0 B]
  • 05-Boolean转布尔型.ets [347.0 B]
  • 15-逻辑中断.ets [571.0 B]
  • 11-案例-点赞.ets [1.5 KB]
📁 element1 条
  • string.json [247.0 B]
📁 element1 条
  • string.json [241.0 B]
📁 media10 条
  • ic_close.svg [618.0 B]
  • avatar.jpg [93.3 KB]
  • product1.jpg [283.6 KB]
  • ic_like.svg [1.3 KB]
  • eyes.jpg [200.6 KB]
  • coupon_float_left.png [7.3 KB]
  • layered_image.json [109.0 B]
  • startIcon.png [19.6 KB]
  • foreground.png [12.1 KB]
  • background.png [56.0 KB]
📁 profile2 条
  • backup_config.json [36.0 B]
  • main_pages.json [37.0 B]
📁 element2 条
  • color.json [105.0 B]
  • string.json [247.0 B]
📁 rawfile2 条
  • module.json5 [964.0 B]
  • 代码说明.png [493.5 KB]
📁 视频16 集
  • Day7-05-字符串转数字-parseFloat和parseInt.mp4 [17.3 MB]
  • Day7-22-数组-增加和删除.mp4 [45.1 MB]
  • Day7-04-字符串转数字-Number.mp4 [19.7 MB]
  • Day7-01-课程介绍.mp4 [50.4 MB]
  • Day7-11-案例-关闭红包-visibility.mp4 [10.4 MB]
  • Day7-18-逻辑中断或短路运算.mp4 [34.1 MB]
  • Day7-15-涓€鍏冭繍绠楃.mp4 [20.3 MB]
  • Day7-06-数字转字符串.mp4 [20.9 MB]
  • Day7-21-数组-查找和修改.mp4 [16.7 MB]
  • Day7-10-案例-关闭红包-opacity.mp4 [18.6 MB]
  • Day7-08-状态-保存和使用.mp4 [29.7 MB]
  • Day7-20-案例-美团购物车.mp4 [45.6 MB]
  • Day7-13-璧嬪€艰繍绠楃.mp4 [11.9 MB]
  • Day7-14-妗堜緥-鐐硅禐.mp4 [28.0 MB]
  • Day7-19-运算符优先级.mp4 [15.0 MB]
  • Day7-09-点击事件-状态数据变化界面更新.mp4 [17.7 MB]
📁 视频8 集
  • Day1-12-箭头函数-参数和返回值.mp4 [17.4 MB]
  • Day1-11-箭头函数-基本使用.mp4 [13.5 MB]
  • Day1-15-鑱斿悎绫诲瀷.mp4 [31.3 MB]
  • Day1-04-数据类型及变量.mp4 [62.7 MB]
  • Day1-03-输出语句和注释.mp4 [33.1 MB]
  • Day1-05-常量和命名规则.mp4 [32.7 MB]
  • Day1-07-函数-基本使用.mp4 [24.6 MB]
  • Day1-14-瀵硅薄-鏂规硶.mp4 [37.9 MB]
📁 profile2 条
  • main_pages.json [37.0 B]
  • backup_config.json [36.0 B]
📁 media3 条
  • layered_image.json [109.0 B]
  • startIcon.png [19.6 KB]
  • background.png [56.0 KB]
📁 media1 条
  • foreground.png [12.1 KB]
📁 element2 条
  • string.json [247.0 B]
  • color.json [105.0 B]
📁 element1 条
  • string.json [241.0 B]
📁 element1 条
  • string.json [247.0 B]
📁 entryability1 条
  • EntryAbility.ets [1.4 KB]
📁 pages12 条
  • 09-对象-方法.ets [1.0 KB]
  • Index.ets [689.0 B]
  • 04-数组.ets [1.0 KB]
  • 10-联合类型.ets [901.0 B]
  • 08-对象-属性.ets [1.0 KB]
  • 07-箭头函数.ets [1.2 KB]
  • 01-输出语句.ets [688.0 B]
  • 05-函数-基本使用.ets [789.0 B]
  • 03-常量.ets [759.0 B]
  • 06-函数-参数和返回值.ets [1.4 KB]
  • 11-枚举类型.ets [689.0 B]
  • 02-变量.ets [1.0 KB]
📁 entrybackupability2 条
  • EntryBackupAbility.ets [436.0 B]
  • module.json5 [1.3 KB]
📁 视频13 集
  • Day2-13-文本-溢出-省略号.mp4 [20.1 MB]
  • Day2-07-文本-倾斜和加粗.mp4 [17.9 MB]
  • Day2-15-案例-百度小说.mp4 [37.7 MB]
  • Day2-04-通用属性-宽高背景色.mp4 [26.8 MB]
  • Day2-12-文本-首行缩进.mp4 [8.0 MB]
  • Day2-06-文本-大小和颜色.mp4 [22.9 MB]
  • Day2-08-鏂囨湰-琛岄珮.mp4 [15.2 MB]
  • Day2-11-文本-垂直对齐方式.mp4 [9.2 MB]
  • Day2-10-文本-水平对齐方式.mp4 [11.3 MB]
  • Day2-03-缁勪欢璇硶.mp4 [40.3 MB]
  • Day2-02-模板代码介绍.mp4 [28.3 MB]
  • Day2-01-day02课程介绍.mp4 [8.6 MB]
  • Day2-19-QQ音乐-整体布局.mp4 [18.6 MB]
📁 element1 条
  • string.json [247.0 B]
📁 element1 条
  • string.json [241.0 B]
📁 media7 条
  • startIcon.png [19.6 KB]
  • background.png [56.0 KB]
  • foreground.png [12.1 KB]
  • zhoujielun.jpg [6.0 KB]
  • cat.jpg [8.4 KB]
  • layered_image.json [109.0 B]
  • story.jpg [24.9 KB]
📁 element2 条
  • string.json [247.0 B]
  • color.json [105.0 B]
📁 profile2 条
  • backup_config.json [36.0 B]
  • main_pages.json [37.0 B]
📁 entryability1 条
  • EntryAbility.ets [1.4 KB]
📁 entrybackupability1 条
  • EntryBackupAbility.ets [436.0 B]
📁 pages19 条
  • 13-图片.ets [519.0 B]
  • 17-图片-alt占位图.ets [383.0 B]
  • 14-案例-百度小说.ets [1.0 KB]
  • 04-文本-大小和颜色.ets [394.0 B]
  • 18-图片-objectFit.ets [723.0 B]
  • 02-组件语法.ets [311.0 B]
  • 01-模板介绍.ets [703.0 B]
  • 09-文本-水平对齐方式.ets [452.0 B]
  • 03-通用属性-宽高背景色.ets [668.0 B]
  • 15-对齐方式-了解.ets [475.0 B]
  • Index.ets [309.0 B]
  • 11-文本-首行缩进.ets [421.0 B]
  • 16-图片-宽高比.ets [378.0 B]
  • 10-文本-垂直对齐方式.ets [370.0 B]
  • 07-文本-修饰线.ets [481.0 B]
  • 06-文本-行高.ets [542.0 B]
  • 12-文本-溢出-省略号.ets [606.0 B]
  • 05-文本-倾斜和加粗.ets [578.0 B]
  • module.json5 [1.3 KB]
📁 entryability1 条
  • EntryAbility.ets [1.4 KB]
📁 pages2 条
  • 00-复习.ets [539.0 B]
  • Index.ets [28.1 KB]
📁 entrybackupability1 条
  • EntryBackupAbility.ets [436.0 B]
📁 element1 条
  • string.json [241.0 B]
📁 element2 条
  • color.json [105.0 B]
  • string.json [247.0 B]
📁 profile2 条
  • backup_config.json [36.0 B]
  • main_pages.json [37.0 B]
📁 media17 条
  • startIcon.png [19.6 KB]
  • banner_line.png [9.5 KB]
  • no_icon.png [6.4 KB]
  • banner.png [3.3 MB]
  • layered_image.json [109.0 B]
  • hot.png [116.3 KB]
  • log.png [99.7 KB]
  • ic_xihuan.svg [1.3 KB]
  • background.png [56.0 KB]
  • fire.png [2.2 KB]
  • dianzan.png [2.8 KB]
  • ic_daohangdizhi.svg [615.0 B]
  • ic_huo.svg [752.0 B]
  • ic_public_arrow_down_0.svg [1.3 KB]
  • universal.png [362.2 KB]
  • select.png [3.7 KB]
  • foreground.png [12.1 KB]
📁 element3 条
  • string.json [247.0 B]
  • module.json5 [1.3 KB]
  • 代码说明.zip [1.8 MB]
📁 视频8 集
  • Day6-03-头部-评选规则.mp4 [14.9 MB]
  • Day6-04-头部-热门景点和底部线.mp4 [33.0 MB]
  • Day6-02-澶撮儴-甯冨眬鍜宭ogo.mp4 [14.7 MB]
  • Day6-11-景点-上榜理由.mp4 [47.0 MB]
  • Day6-08-景点-左侧图片.mp4 [30.9 MB]
  • Day6-01-携程-设计稿和资源图.mp4 [63.1 MB]
  • Day6-07-近期热门-标题.mp4 [33.5 MB]
  • Day6-09-景点-右侧-名称.mp4 [16.7 MB]
📁 css1 条
  • app.css [1.0 MB]
📁 base6478 条
  • 15@2x.js [441.8 KB]
  • 19@3x.js [585.7 KB]
  • 18@3x.js [573.9 KB]
  • 6@3x.js [201.3 KB]
  • 23@3x.js [595.8 KB]
  • 18.js [438.7 KB]
  • 1.js [24.7 KB]
  • 32.js [1.5 KB]
  • 32@3x.js [8.6 KB]
  • 14@3x.js [132.9 KB]
  • 24@3x.js [3.0 KB]
  • 8@2x.js [2.4 KB]
  • 20@3x.js [576.7 KB]
  • 13.js [759.0 B]
  • 13@3x.js [1.9 KB]
  • 7@2x.js [11.3 KB]
  • 24.js [871.0 B]
  • 6@2x.js [125.0 KB]
  • 24@2x.js [1.9 KB]
  • 3.js [25.5 KB]
  • 11@2x.js [3.6 KB]
  • 9@3x.js [2.7 KB]
  • 16@3x.js [579.4 KB]
  • 25.js [218.7 KB]
  • 10.js [883.0 B]
  • 17.js [279.0 KB]
  • 8.js [959.0 B]
  • 11@3x.js [8.6 KB]
  • 2@2x.js [98.8 KB]
  • 7.js [8.6 KB]
  • 17@3x.js [369.6 KB]
  • 19@2x.js [536.7 KB]
  • 6.js [91.5 KB]
  • 23.js [455.1 KB]
  • 22.js [362.9 KB]
  • 12.js [363.0 B]
  • 2.js [29.7 KB]
  • 25@2x.js [266.8 KB]
  • 5@2x.js [98.9 KB]
  • 4.js [22.9 KB]
  • 23@2x.js [551.3 KB]
  • 22@2x.js [439.8 KB]
  • 15@3x.js [483.0 KB]
  • 19.js [443.3 KB]
  • 10@3x.js [5.0 KB]
  • 4@2x.js [70.3 KB]
  • 9@2x.js [1.6 KB]
  • 14.js [28.3 KB]
  • 4@3x.js [129.6 KB]
  • 21@3x.js [531.2 KB]
  • 13@2x.js [1.4 KB]
  • 3@3x.js [164.0 KB]
  • 9.js [731.0 B]
  • 11.js [1.4 KB]
  • 20.js [450.0 KB]
  • 3@2x.js [83.7 KB]
  • 22@3x.js [478.5 KB]
  • 5.js [29.7 KB]
  • 21@2x.js [491.7 KB]
  • 16.js [437.5 KB]
  • 1@2x.js [81.1 KB]
  • 14@2x.js [84.1 KB]
  • 21.js [407.5 KB]
  • 17@2x.js [338.4 KB]
  • 15.js [363.5 KB]
  • 12@3x.js [699.0 B]
  • 32@2x.js [3.7 KB]
  • 2@3x.js [200.4 KB]
  • 7@3x.js [12.7 KB]
  • 8@3x.js [3.7 KB]
  • 16@2x.js [536.8 KB]
  • 1@3x.js [155.1 KB]
  • 18@2x.js [527.9 KB]
  • 25@3x.js [293.7 KB]
  • 20@2x.js [535.7 KB]
  • 12@2x.js [515.0 B]
  • 5@3x.js [200.4 KB]
  • 10@2x.js [2.5 KB]
📁 png82 条
  • 18@3x.png [430.4 KB]
  • 6@3x.png [151.0 KB]
  • 13.png [540.0 B]
  • 8.png [688.0 B]
  • 10.png [633.0 B]
  • 6.png [68.6 KB]
  • 32@2x.png [2.7 KB]
  • 11@2x.png [2.7 KB]
  • 25.png [164.0 KB]
  • 5.png [22.2 KB]
  • 8@2x.png [1.7 KB]
  • 24@2x.png [1.4 KB]
  • 6@2x.png [93.7 KB]
  • 18@2x.png [395.9 KB]
  • 15@3x.png [362.2 KB]
  • 10@2x.png [1.8 KB]
  • 8@3x.png [2.8 KB]
  • 17.png [209.3 KB]
  • 3.png [19.1 KB]
  • 23.png [341.3 KB]
  • 23@3x.png [446.8 KB]
  • 23@2x.png [413.5 KB]
  • 25@2x.png [200.1 KB]
  • 21.png [305.6 KB]
  • 2@3x.png [150.2 KB]
  • 5@3x.png [150.3 KB]
  • 17@2x.png [253.7 KB]
  • 14@3x.png [99.7 KB]
  • 11@3x.png [6.4 KB]
  • 21@3x.png [398.4 KB]
  • 32@3x.png [6.4 KB]
  • 22@2x.png [329.8 KB]
  • 14.png [21.2 KB]
  • 25@3x.png [220.3 KB]
  • 12.png [241.0 B]
  • 9@3x.png [2.0 KB]
  • 5@2x.png [74.1 KB]
  • 19.png [332.5 KB]
  • 13@2x.png [1.0 KB]
  • 15.png [272.6 KB]
  • 19@3x.png [439.3 KB]
  • 10@3x.png [3.7 KB]
  • 4.png [17.1 KB]
  • 17@3x.png [277.2 KB]
  • 18.png [329.0 KB]
  • 24@3x.png [2.2 KB]
  • 12@3x.png [494.0 B]
  • 12@2x.png [357.0 B]
  • 16.png [328.1 KB]
  • 9.png [519.0 B]
  • 1@2x.png [60.8 KB]
  • 24.png [624.0 B]
  • 7.png [6.4 KB]
  • 20@3x.png [432.5 KB]
  • 22@3x.png [358.9 KB]
  • 3@2x.png [62.7 KB]
  • 19@2x.png [402.5 KB]
  • 4@3x.png [97.2 KB]
  • 2.png [22.2 KB]
  • 2@2x.png [74.1 KB]
  • 7@2x.png [8.5 KB]
  • 11.png [1.0 KB]
  • 16@3x.png [434.5 KB]
  • 7@3x.png [9.5 KB]
  • 13@3x.png [1.4 KB]
  • 32.png [1.1 KB]
  • 21@2x.png [368.8 KB]
  • 9@2x.png [1.2 KB]
  • 1@3x.png [116.3 KB]
  • 20.png [337.5 KB]
  • 22.png [272.1 KB]
  • 16@2x.png [402.6 KB]
  • 14@2x.png [63.1 KB]
  • 15@2x.png [331.3 KB]
  • 4@2x.png [52.7 KB]
  • 20@2x.png [401.7 KB]
  • 1.png [18.5 KB]
  • 3@3x.png [123.0 KB]
  • data.js [61.2 KB]
  • preview.js [5.6 MB]
  • preview.png [4.2 MB]
  • preview.mini.png [118.1 KB]
📁 携程口碑榜5 条
  • preview.mini.png [781.9 KB]
  • preview.png [1.9 MB]
  • data.js [626.1 KB]
  • preview.js [2.6 MB]
  • data.js [912.0 B]
📁 js5 条
  • zip-full.min.js [128.6 KB]
  • app.js [798.9 KB]
  • chunk-vendors.js [215.7 KB]
  • lottie.min.js [284.2 KB]
  • index.html [724.0 B]
📁 视频10 集
  • Day5-02-缁濆瀹氫綅position.mp4 [24.8 MB]
  • Day5-16-案例-微店卡片-按压效果.mp4 [18.2 MB]
  • Day5-06-定位-层叠顺序.mp4 [9.9 MB]
  • Day5-01-今日课程介绍.mp4 [18.7 MB]
  • Day5-07-灞傚彔甯冨眬.mp4 [28.4 MB]
  • Day5-04-案例-热播故事-基础内容.mp4 [29.4 MB]
  • Day5-08-案例-B站卡片-基础布局.mp4 [23.3 MB]
  • Day5-15-案例-微店卡片-内容.mp4 [43.9 MB]
  • Day5-05-案例-热播故事-VIP.mp4 [21.2 MB]
  • Day5-09-案例-B站卡片-层叠内容.mp4 [34.6 MB]
📁 element1 条
  • string.json [247.0 B]
📁 element1 条
  • string.json [241.0 B]
📁 media14 条
  • foreground.png [12.1 KB]
  • top1.jpg [544.7 KB]
  • moco.webp [24.9 KB]
  • ic_bofangshu.svg [624.0 B]
  • tieyi.jpg [39.0 KB]
  • avatar.jpg [11.5 KB]
  • actor.jpg [168.6 KB]
  • ic_browse.svg [1.2 KB]
  • startIcon.png [19.6 KB]
  • ic_gengduo.svg [1.0 KB]
  • layered_image.json [109.0 B]
  • ic_device_earphone_roc_filled.svg [5.1 KB]
  • background.png [56.0 KB]
  • ic_ziyuan.svg [1.3 KB]
📁 element2 条
  • color.json [105.0 B]
  • string.json [247.0 B]
📁 profile2 条
  • backup_config.json [36.0 B]
  • main_pages.json [37.0 B]
📁 pages13 条
  • 10-缩放scale.ets [592.0 B]
  • Index.ets [1.7 KB]
  • 02-相对定位offset.ets [670.0 B]
  • 03-案例-热播故事.ets [1.2 KB]
  • 08-animation动画.ets [839.0 B]
  • 01-绝对定位position.ets [650.0 B]
  • 07-多态样式.ets [593.0 B]
  • 05-层叠布局.ets [699.0 B]
  • 00-作业.ets [1.7 KB]
  • 09-平移translate.ets [920.0 B]
  • 11-旋转rotate.ets [432.0 B]
  • 04-定位-层叠顺序.ets [633.0 B]
  • 06-案例-B站卡片.ets [2.1 KB]
📁 entrybackupability1 条
  • EntryBackupAbility.ets [436.0 B]
📁 entryability2 条
  • EntryAbility.ets [1.4 KB]
  • module.json5 [1.3 KB]
📁 视频13 集
  • Day4-10-案例-头条-布局.mp4 [21.1 MB]
  • Day4-13-案例-阶段菜单.mp4 [28.9 MB]
  • Day4-05-案例-得物-产品卡片-用户和点赞.mp4 [24.1 MB]
  • Day4-11-案例-头条-文字内容.mp4 [22.6 MB]
  • Day4-06-线性布局-交叉轴对齐方式.mp4 [28.3 MB]
  • Day4-04-案例-得物产品卡片-图文.mp4 [26.4 MB]
  • Day4-03-线性布局-主布局方向对齐方式.mp4 [25.2 MB]
  • Day4-02-线性布局-space参数.mp4 [23.1 MB]
  • Day4-08-案例-用户关注.mp4 [18.6 MB]
  • Day4-07-线性布局-自适应缩放.mp4 [24.7 MB]
  • Day4-01-今日课程介绍.mp4 [24.7 MB]
  • Day4-14-案例-微店卡片-布局.mp4 [25.2 MB]
  • Day4-09-Column-对齐方式.mp4 [34.7 MB]
📁 entrybackupability1 条
  • EntryBackupAbility.ets [436.0 B]
📁 entryability1 条
  • EntryAbility.ets [1.4 KB]
📁 pages13 条
  • 04-案例-得物-产品卡片.ets [1.2 KB]
  • 06-自适应缩放.ets [1.0 KB]
  • 09-案例-头条.ets [1.1 KB]
  • 05-交叉轴对齐方式.ets [913.0 B]
  • 11-案例-阶段菜单.ets [2.3 KB]
  • 07-案例-用户关注.ets [744.0 B]
  • 01-space参数.ets [792.0 B]
  • 10-Flex布局.ets [811.0 B]
  • 00-作业.ets [1.1 KB]
  • 08-Column-对齐方式.ets [1.0 KB]
  • 02-主布局方向对齐方式.ets [1.1 KB]
  • Index.ets [5.0 KB]
  • 12-案例-微店卡片.ets [5.0 KB]
📁 element1 条
  • string.json [247.0 B]
📁 element2 条
  • color.json [105.0 B]
  • string.json [247.0 B]
📁 profile2 条
  • backup_config.json [36.0 B]
  • main_pages.json [37.0 B]
📁 media13 条
  • hw0.webp [11.5 KB]
  • ic_like.svg [1.4 KB]
  • startIcon.png [19.6 KB]
  • hw2.webp [9.2 KB]
  • foreground.png [12.1 KB]
  • layered_image.json [109.0 B]
  • user.jpg [223.7 KB]
  • ic_close.svg [618.0 B]
  • top1.jpg [544.7 KB]
  • nick.jpg [201.6 KB]
  • math.jpg [82.2 KB]
  • background.png [56.0 KB]
  • hw1.webp [5.4 KB]
📁 element2 条
  • string.json [241.0 B]
  • module.json5 [1.3 KB]
📁 视频13 集
  • Day8-20-案例-数组统计个数.mp4 [18.5 MB]
  • Day8-01-今日课程介绍.mp4 [35.5 MB]
  • Day8-03-if-多分支.mp4 [29.1 MB]
  • Day8-07-案例-切换关注.mp4 [24.1 MB]
  • Day8-18-案例-数组累加和.mp4 [9.8 MB]
  • Day8-21-对象数组-定义和使用.mp4 [34.1 MB]
  • Day8-08-案例-切换关注-条件拓展.mp4 [7.5 MB]
  • Day8-17-閬嶅巻鏁扮粍.mp4 [31.7 MB]
  • Day8-22-对象数组-遍历.mp4 [12.1 MB]
  • Day8-05-switch分支.mp4 [25.0 MB]
  • Day8-02-if-单双分支.mp4 [18.5 MB]
  • Day8-19-案例-筛选数组.mp4 [17.0 MB]
  • Day8-10-案例-京东加购.mp4 [24.9 MB]
📁 pages21 条
  • 16-遍历数组.ets [274.0 B]
  • 18-案例-筛选数组.ets [447.0 B]
  • 13-for循环.ets [289.0 B]
  • 04-switch分支.ets [336.0 B]
  • 11-while-累加.ets [437.0 B]
  • 10-while循环-语法.ets [397.0 B]
  • 12-while-偶数累加.ets [463.0 B]
  • 14-for累加.ets [238.0 B]
  • 06-案例-切换关注.ets [524.0 B]
  • 02-if多分支.ets [745.0 B]
  • 05-条件表达式.ets [178.0 B]
  • 19-案例-数组统计个数.ets [476.0 B]
  • 07-条件写法.ets [516.0 B]
  • 08-条件渲染.ets [548.0 B]
  • Index.ets [732.0 B]
  • 17-案例-数组累加和.ets [329.0 B]
  • 03-案例-购物车.ets [1002.0 B]
  • 09-案例-京东加购.ets [3.0 KB]
  • 20-对象数组.ets [732.0 B]
  • 01-if分支.ets [312.0 B]
  • 15-退出循环.ets [444.0 B]
📁 entryability1 条
  • EntryAbility.ets [1.4 KB]
📁 entrybackupability1 条
  • EntryBackupAbility.ets [436.0 B]
📁 element2 条
  • string.json [247.0 B]
  • color.json [105.0 B]
📁 media10 条
  • ic_lingdang.svg [943.0 B]
  • ic_shangjiantou.svg [359.0 B]
  • layered_image.json [109.0 B]
  • startIcon.png [19.6 KB]
  • foreground.png [12.1 KB]
  • product1.jpg [283.6 KB]
  • ic_kefu.svg [2.0 KB]
  • ic_cart2.svg [927.0 B]
  • ic_dianpu.svg [3.4 KB]
  • background.png [56.0 KB]
📁 profile2 条
  • main_pages.json [37.0 B]
  • backup_config.json [36.0 B]
📁 element1 条
  • string.json [247.0 B]
📁 element3 条
  • string.json [241.0 B]
  • module.json5 [964.0 B]
  • 讲义文档.txt [78.0 B]

适合人群

  • 鸿蒙应用开发初学者
  • 对移动开发感兴趣的开发者

🎯 学习收获

  • 掌握鸿蒙开发软件使用
  • 学会创建鸿蒙应用
  • 提升移动开发技能

🎉 祝您学习愉快!