前端新机遇!为什么我建议学习鸿蒙?

简介: 【10月更文挑战第4天】前端新机遇!为什么我建议学习鸿蒙?

为什么要学习鸿蒙开发

大家好,我是石小石!最近一直在寻找新的工作机遇,但是行情确实不好,几乎没人理我。机缘之下,我搜了一下鸿蒙开发,看起来还不错!

于是,我深入的探索、学习了一下鸿蒙,得出一个重要结论:

前端非常适合学习鸿蒙,而且越早越好!

首先,我并不是贩卖焦虑,我并不是想表达前端已死、前端开始没落之类的意思!我一直认为,前端正在茁壮成长,前端永远不会被淘汰的!

之所以说前端适合或者应该学习鸿蒙,我的看法如下:

  • 鸿蒙方舟开发语言ArkTs保持TypeScript(简称TS)基本语法风格的基础上,对前端来说,接入难度低。
  • 鸿蒙ArkTs融合了很多优秀的语言,学习鸿蒙可以大幅度提升前端的代码水平。
  • 前端核心竞争力弱于后端,学习鸿蒙可以提升我们的地位和价值。
  • 随着华为生态的壮大,鸿蒙开发将是未来一大热点,目前鸿蒙开发者很好,现在学习,以后找工作什么的都具备优势。

鸿蒙开发简介

作为一门新语言,大家一定关注的是学习成本和产出性价比。那么很高兴的告诉前端同学,咱们学习嘎嘎快!

鸿蒙开发基于方舟开发语言ArkTs,只要我们开发一套代码,就可以部署手机、平板、TV、智慧屏(含车载)和穿戴设备,这一点,还是有一定优势的。

其次,鸿蒙的开发文档也是非常详细全面,完全满足我们的开发需求,大家感受下:

再者,鸿蒙开发生态也很完善,HarmonyOS SDK几乎提供了我们所能涉及的所有开发工具

前端学习鸿蒙开发的优势

之所以说前端学习鸿蒙开发有一定优势,主要基于方舟开发语言ArkTs本身。

基础语法接近TypeScript

首先,ArkTs保持了TypeScript的基本语法风格,前端看起来会比较熟悉

// 导入模块
import {
    collections } from '@kit.ArkTS';

// 声明一个字符串变量
let greeting: string = "Hello, ArkTS";

// 声明一个数字变量
let age: number = 25;

// 声明一个数组
let numbers: number[] = [1, 2, 3, 4, 5];

// 声明一个对象
let person: {
   
    name: string;
    age: number;
    isDeveloper: boolean;
} = {
   
    name: "John Doe",
    age: 25,
    isDeveloper: true
};

// 声明一个函数
function greet(name: string): string {
   
    return `Hello, ${
     name}`;
}

// 其他语法
let concatArray : collections.ConcatArray<string> = new collections.Array<string>('a', 'b', 'c');
let joinedString = concatArray.join('-'); // 返回 "a-b-c"

当然,ArkTs也具备java中装饰器的概念,对后端来说,也是比较亲切地

// 构造一个用户自定义的Sendable数据结构
@Sendable
class CustomData implements lang.ISendable {
   
    data1: number;
    data2: string;
    constructor(data1: number, data2: string) {
   
        this.data1 = data1;
        this.data2 = data2;
    }
}

UI框架可以完全用前端三件套开发

鸿蒙也是有一套UI框架的,叫做ArkUI

简单来说,ArkUI是基于ArkTS的声明式的UI开发范式,是ArkTS语言的一个具体应用或扩展,用于构建用户界面。ArkTs和ArkUI前端同学可以简单理解为js和element UI的关系。

借助ArkUI,我们可以直接写出类似小程序、vue的代码 一个简化的项目结构
// 目录结构
app.js                              用于全局JavaScript逻辑和应用生命周期管理
├── pages                           pages目录用于存放所有组件页面
│   ├── index
│   │   ├── index.html              描述当前页面的文件布局结构
│   │   ├── index.css               描述页面样式
│   │   └── index.js                处理页面间的交互

app.js是应用的一些声明周期

export default {
   
    onCreate() {
   
        console.info('Application onCreate');
    },
    onDestroy() {
   
        console.info('Application onDestroy');
    }
};

html是基于ArkUI组件的布局

<div class="container">
    <text class="title">你好!鸿蒙!</text>
    <text>跳转</text>
</div>

index.css 和前端css没有区别

index.js是页面的一些交互逻辑,像极了vue

export default {
   
    data: {
   
        title: ''
    },
    onInit() {
   
        this.title = this.$t('strings.world');
    }
}

注:对于一些大型的app开发,官方不建议使用这种类js的开发范式,要使用ArkTs声明开发范式

综上,完全可以证明前端确实适合学习鸿蒙开发,简单易上手!

最佳实践

这篇文章介绍了前端为什么需要学习鸿蒙,及学习鸿蒙开发的优势,算是开了个头。要想入门鸿蒙开发,大家可以去官网学习:https://developer.huawei.com/consumer/cn/arkui

也可以关注本专栏,本专栏将持续更新鸿蒙开发,帮助大家快速入门开发!

下一篇文章预告:前端快速上手鸿蒙开发极速版!

相关文章
|
2月前
|
缓存 API 数据安全/隐私保护
自学记录:学习HarmonyOS Location Kit构建智能定位服务
作为一名对新技术充满好奇心的开发者,我选择了HarmonyOS Next 5.0.1(API 13)作为挑战对象,深入研究其强大的定位服务API——Location Kit。从权限管理、获取当前位置、逆地理编码到地理围栏,最终成功开发了一款智能定位应用。本文将结合代码和开发过程,详细讲解如何实现这些功能,并分享遇到的挫折与兴奋时刻。希望通过我的经验,能帮助其他开发者快速上手HarmonyOS开发,共同探索更多可能性。
135 5
|
2月前
|
API 数据安全/隐私保护 UED
探索鸿蒙的蓝牙A2DP与访问API:从学习到实现的开发之旅
在掌握了鸿蒙系统的开发基础后,我挑战了蓝牙功能的开发。通过Bluetooth A2DP和Access API,实现了蓝牙音频流传输、设备连接和权限管理。具体步骤包括:理解API作用、配置环境与权限、扫描并连接设备、实现音频流控制及动态切换设备。最终,我构建了一个简单的蓝牙音频播放器,具备设备扫描、连接、音频播放与停止、切换输出设备等功能。这次开发让我对蓝牙技术有了更深的理解,也为未来的复杂项目打下了坚实的基础。
122 58
探索鸿蒙的蓝牙A2DP与访问API:从学习到实现的开发之旅
|
1月前
|
Dart 前端开发 架构师
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
122 26
|
4月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
84 0
|
2月前
|
安全
【HarmonyOS学习】应用文件访问
访问和管理应用文件,对于每个应用,系统会在内部存储空间映射出一个专属的应用沙箱目录,是应用文件目录与一部分系统文件所在的目录组成的集合。也就是应用可见的目录范围即为“应用沙箱目录”。 优点: * 隔离性:应用沙箱提供了一个完全隔离的环境,使用户可以安全地访问应用文件。 * 安全性:应用沙箱限制了应用可见地数据地最小范围,保护了应用文件地安全。
82 5
【HarmonyOS学习】应用文件访问
|
2月前
|
API
鸿蒙开发学习:动画
鸿蒙原生动画API使用
78 4
鸿蒙开发学习:动画
|
2月前
|
人工智能 数据可视化 API
自学记录鸿蒙API 13:Calendar Kit日历功能从学习到实践
本文介绍了使用HarmonyOS的Calendar Kit开发日程管理应用的过程。通过API 13版本,不仅实现了创建、查询、更新和删除日程等基础功能,还深入探索了权限请求、日历配置、事件添加及查询筛选等功能。实战项目中,开发了一个智能日程管理工具,具备可视化管理、模糊查询和智能提醒等特性。最终,作者总结了模块化开发的优势,并展望了未来加入语音助手和AI推荐功能的计划。
172 1
|
3月前
|
前端开发 开发者 C++
独家揭秘:前端大牛们如何高效学习新技术,保持竞争力!
【10月更文挑战第31天】前端技术飞速发展,如何高效学习新技术成为关键。本文通过对比普通开发者与大牛们的策略,揭示了高效学习的秘诀:明确目标、主动探索、系统资源、实践应用和持续学习。通过这些方法,大牛们能更好地掌握新技术,保持竞争力。示例代码展示了如何通过实践加深理解。
76 4
|
4月前
|
JavaScript 前端开发 Java
VUE学习四:前端模块化,ES6和ES5如何实现模块化
这篇文章介绍了前端模块化的概念,以及如何在ES6和ES5中实现模块化,包括ES6模块化的基本用法、默认导出与混合导出、重命名export和import,以及ES6之前如何通过函数闭包和CommonJS规范实现模块化。
185 0
VUE学习四:前端模块化,ES6和ES5如何实现模块化
|
6月前
|
前端开发 Java 编译器
【前端学java】如何从前端视角快速学习Maven
【8月更文挑战第12天】如何从前端视角快速学习Maven
87 2
【前端学java】如何从前端视角快速学习Maven

热门文章

最新文章

  • 1
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 2
    【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 3
    【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 4
    详解智能编码在前端研发的创新应用
  • 5
    巧用通义灵码,提升前端研发效率
  • 6
    智能编码在前端研发的创新应用
  • 7
    【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
  • 8
    【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
  • 9
    抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
  • 10
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡