【8.24直播公开课】OpenHarmony的JS组件开发 原创
关于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
我们的直播会围绕这个表格开始页面到组件,再到组件与组件互相传递事件与数据的开发。gitee下载地址:
https://gitee.com/sugarnine/harmony-my-js
关于OpenHarmony在DevEco的SDK环境也会在直播中提到,官方的配置文档地址:
https://gitee.com/isrc_ohos/ultimate-harmony-reference/blob/master/OpenHarmony JS项目开发流程.md
(建议小伙伴提前准备好环境)
最终我们将一起完成如下图所示:
快来点击报名公开课,和我一起学习吧~
在大赛能前有个引路人指点还是非常不错的。