前端工程师的未来在哪里?

enter description here
enter description here

本文引自:前端工程师的未来在哪里?

阿里妹导读:很多童鞋在上次的问卷调查里表示,希望多推出一些前端方向的内容。今天为大家分享一篇关于前端工程师职业发展的文章,抛砖引玉,期待与大家一起交流探讨。

我是成曰,目前在蚂蚁金服数据平台部任职前端工程师,从事数据中台产品的研发。目前对前端架构与质量、用户体验、TypeScript比较感兴趣。

以下我说的都是个人观点,比较宏观粗浅,主要针对的是前端工程师本身,没有深入技术和业务细节,请谨慎参考。

职能概览

enter description here
enter description here

前端工程师首先是个程序员,其次也是个软件工程师,他们工作在离用户最近的地方,负责人机交互和用户体验,虽然叫“前端”,但其实他们的工作边界其实已经很宽了。

展望未来,我想前端的工作会继续分化,也会继续融合,分工是工业革命以来社会高效协作的主要推动力,以后很长一段时间应该也会维持这种形态,融合的原始推动力也是提高效率。分化和融合是不断的演化和互吸收转化的,不过核心的东西我想还是不会有太大变化。

观点

  1. 继续分化(领域、行业、技术栈)

  2. 继续融合(端技术、Web 全栈技术、人工智能与端技术)

  3. 核心不变(计算机科学本质、软件工程思想与实践、程序员职业素养)

enter description here
enter description here

1. 继续分化

领域

前端领域会继续分化,例如阿里内部的前端就已经有中后台、图形、端技术、泛 Node、开发者服务5个大方向了,每个大方向也会细分,举一些例子:

(1)中后台:有云控制台、信息&资产管理平台、内部研发&项目管理平台、人工智能&机器学习平台、数据研发分析平台,企业内部信息平台等。具体产品如阿里云控制台、ERP、PAI、DeepInsight、阿里内外、Basecamp 等。

(2)图形:有基础图形库、3D图形、数据可视化、流程图等。具体产品如 G2、DataV、阿里云城市大脑、滴滴智能交通调度图、双十一大屏等。

(3)端技术:有移动端(iOS、Android、MobileWeb、PWA、小程序)、PC 端(客户端、Web 端)、触屏电脑、各种监控大屏、智能手表手环,智能汽车&家居屏幕等。具体产品如淘宝支付宝的 App、PC 主站、移动 H5 站,阿里郎、VS Code、双十一大屏、UC 浏览器 UWP 版本、各种智能手表、手环、汽车、家居屏幕等。

(4)泛 Node:有工具链、Web 框架、IoT、客户端(Electron、NW)等。具体产品如 DEF/Atool/F2E-Test(阿里前端开发者工具)、Egg.js、阿里云的 IoT 应用、VS Code 等。

(5)开发者服务:有应用开发运维平台、组件市场等。具体产品如阿里云的应用搭建平台 Boat、Fusion-Design 组件市场,支付宝小程序开发者工具等。

行业

(1)2B

信息管理、财务、建筑、航天、水利、金融、制造等传统行业软件以及阿里提出的五新:新零售,新制造,新金融,新技术和新能源,新技术赋能传统行业

SAAS 软件及服务:如 Teambition、Trello、钉钉企业版、Basecamp、http://Growing.io

(2)2C

移动 App:如微信、微博

PC 工具应用:如 Google Doc

产品展示类网站:如阿里云、支付宝官网

技术栈

  • React(Native)
  • Angular(NativeScript)
  • Vue(Weex)

2. 继续融合

端技术

  • 前端、客户端技术思想的融合
  • 组件化(组件化搭建页面)
  • 组件生命周期钩子函数(如 iOS ViewController)
  • MV*(如 MVVM 设计就来源于微软客户端开发框架)

大前端的统一

  • 虚拟 DOM 技术:React/ReactNative/ReactCanvas
  • 各种移动设备内核和引擎的统一:WebKit/V8
  • Web 技术文档的统一:Mozilla Web Docs

Web全栈技术

  • 前端、后端技术思想的融合
  • MV*(如前端的第一个 MVC 框架 Backbone.js 就来自于 Ruby on Rails 开发者)
  • AOP、依赖注入(Angular)
  • GraphQL(SQL)
  • IndexedDB(Database)

人工智能与端技术

  • 人工智能、前端技术的融合
  • 端是最终触达用户的节点
  • 端数据采集->后端机器学习、数据分析->智能推荐呈现
  • 物联网、前端技术的融合
  • 智能家居/汽车/工业设备可能是有屏幕的,同时可以基于如 JerryScript 这样的 JS 执行引擎使用 Node.js 开发联网应用

3. 核心不变

计算机科学本质/软件工程思想与实践/程序员职业素养。

  • 计算机科学基础:如基本的操作系统概念和计算机组成原理,算法和数据结构基础等等。
  • 软件工程思想与实践:如软件开发模式,设计模式,架构思维,自动化思维,单元测试集成测试,UML 等等。
  • 程序员职业素养:如对代码整洁和可读性的追求,对软件开发的热情,对编程技艺的自我提升等等。

历史回顾

回顾过前端的演化,主要参见最底下的相关资源,下图简要回顾一下 95 年以来软件开发和前端历史:

enter description here
enter description here

前端的未来

那些生存空间越来越小的产业

  1. 小规模移动 App:移动 App 市场被一些巨头把持,小规模App生存空间越来越小
  2. PC 信息导航类网站(网址、购物、论坛、生活):现在移动优先,而且有智能推荐,并且是强社交

无界面交互

Web 前端能做一些事,主要是大前端的范畴

  1. 会话式界面(视频语音会话、语音搜索:WebRTC,开源语音库:Common Voice)
  2. 感官式界面(视觉:WebAR/WebVR)
  3. 无界面,未来会有大量 IoT 设备(IoT 有自己的通信协议和规范,前端的工作是在用户看不见的后台)

富界面交互

大量工作需要前端来做:

  1. 日常办公软件(复杂应用,并且慢慢从桌面程序演化为 Web):Office、Email、文档管理、产品设计、项目管理、代码编辑器
  2. 大数据/AI配套软件(复杂应用,并且慢慢从桌面程序演化为 Web):需要大量的后台系统来做数据分析/机器学习
  3. 播放器/游戏:H5 代替 Flash,如 Web Audio、Web Video、Canvas
  4. 容器/DSL/内核/小程序:支付宝/微信/钉钉容器,内核(也就是 UC、QQ 浏览器内核),及其自定义 DSL(如果将来手机的底层能力都可以上浮到小程序,很有想象空间)
  5. 产品信息展示类网站(炫酷应用):各种智能设备官网、大企业官网

未来在哪里?

enter description here
enter description here

回顾观点

  1. 继续分化(领域细分、行业细分、技术栈细分)

  2. 继续融合(端技术融合、Web全栈、人工智能与端技术的融合)

  3. 核心不变(计算机科学本质、软件工程思想与实践、程序员职业素养)

一些建议

(1)关心人工智能的发展,思考 TA 在前端领域可能产生的应用场景

  • 视觉稿自动生成代码
  • 根据用户使用习惯自动排出最符合该用户习惯的界面
  • 收集用户数据在前端实时做学习和分析,如deeplearn.js

(2)相信前端的未来,Web的力量

  • WebKit
  • V8
  • Flexbox:Yoga

(3)结合公司业务特点有重点的关注前端的某些方面,毕竟技术服务于业务

后记:前端的发展超出了所有人的想象力,未来肯定是难以预测的,也没有做预测的必要,我们要做的还是踏实做好眼前的事情,“过往不恋、当下不杂、未来不迎”,与君共勉!

相关资源

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,117评论 4 360
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 66,963评论 1 290
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 107,897评论 0 240
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,805评论 0 203
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,208评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,535评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,797评论 2 311
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,493评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,215评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,477评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,988评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,325评论 2 252
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,971评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,055评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,807评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,544评论 2 271
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,455评论 2 266

推荐阅读更多精彩内容

  • 最近一直在思考,如何打通一款社交APP的主路径?最后引入到一个之前从未思考过得问题,社交产品中的“单向双向”好友关...
    求愚阅读 722评论 0 12
  • 行前事项: 购买机票 预订酒店 给电子设备充电 锁好贵重物品 关好水电煤气 关好门窗 清理垃圾 文件备份: 机票与...
    SkTj阅读 166评论 0 0
  • 不知不觉在一座城市生活了七年,都说在一个地方待的越久就越习惯,在离开的时候越是留恋不舍。 我偏偏不信,毕竟到了七年...
    若昭阅读 312评论 8 2
  • 一个人,独自彷徨 在深夜里 走夜路成了一种习惯 前方,是红绿灯路口 那里是爱情的分界线 一边去吧! 我一个人走夜路...
    樊一木阅读 251评论 0 0