【8.24直播公开课】OpenHarmony的JS组件开发 原创

Dweb九弓子
发布于 2021-8-18 23:13
浏览
3收藏

关于OpenHarmony的组件开发大赛正在火热报名,相信大家已经报名想要一展身手了。
而在OpenHarmony中的页面与组件开发,是JsUI为主导的开发场景。

因此我将在8月24日晚8点,为大家带来一场组件开发大赛前辅导课程,我会将自己的前端js开发经验分享给大家。
::: hljs-center

点击报名公开课

:::

虽然说主题是OpenHarmony组件开发,那其实从内容上来讲与手机端的Js页面开发,除了项目配置、结构与SDK有一点点区别之外。其实写起来,也没太大差别。

甚至说,与Web、小程序开发中的js前端,差别也不是太大。
因为内容不是很多,所以这次直播内容大部分会一步步书写以下内容:


1. 页面封装为组件。
2. 父 --> 子 组件装载数组
3. 子 --> 父 组件传递事件通信
4. 子<–父–>子 组件事件通信(跨层级组件传值-方式1)
5. EventBus事件总线(跨层级组件传值-方式2)
6. 简单全局状态管理思路分享 (跨层级组件传值-方式3)
7. 页面 --> 页面 数据传递


以上7个内容是我们js前端在组件工程化开发中,最常用的姿势。
相信快速了解之后,有一定js基础的小伙伴,一定可以通过我这一次的分享快速上手“鸿蒙”前端开发。

直播过程中如果小伙伴想要跟着一起写的话,你可能需要先了解一下我之前在“HarmonyOS开发者”公众号投稿的文章。
https://mp.weixin.qq.com/s/sgfrHaDcztJhP4CemBNjXg

【8.24直播公开课】OpenHarmony的JS组件开发-鸿蒙开发者社区

我们的直播会围绕这个表格开始页面到组件,再到组件与组件互相传递事件与数据的开发。gitee下载地址:
https://gitee.com/sugarnine/harmony-my-js

关于OpenHarmony在DevEco的SDK环境也会在直播中提到,官方的配置文档地址:
https://gitee.com/isrc_ohos/ultimate-harmony-reference/blob/master/OpenHarmony JS项目开发流程.md
(建议小伙伴提前准备好环境)


最终我们将一起完成如下图所示:

【8.24直播公开课】OpenHarmony的JS组件开发-鸿蒙开发者社区

快来点击报名公开课,和我一起学习吧~

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
已于2021-8-19 10:24:04修改
3
收藏 3
回复
举报
1条回复
按时间正序
/
按时间倒序
红叶亦知秋
红叶亦知秋

在大赛能前有个引路人指点还是非常不错的。

回复
2021-8-19 10:47:59
回复
    相关推荐