未来的前端工程师

作者简介:aoto 蚂蚁金服数据前端

本文首发于掘金,各位可以通过点击文章下方的阅读原来来访问原文地址

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

职能概览

前端工程师首先是个程序员,其次也是个软件工程师,他们工作在离用户最近的地方,负责人机交互和用户体验,虽然叫“前端”,但其实他们的工作边界其实已经很宽了。展望未来,我想前端的工作会继续分化,也会继续融合,分工是工业革命以来社会高效协作的主要推动力,以后很长一段时间应该也会维持这种形态,融合的原始推动力也是提高效率。分化和融合是不断的演化和互吸收转化的,不过核心的东西我想还是不会有太大变化。

观点

  1. 继续分化(领域、行业、技术栈)
  2. 继续融合(端技术、Web全栈技术、人工智能与端技术)
  3. 核心不变(计算机科学本质、软件工程思想与实践、程序员职业素养)

1. 继续分化

领域

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

  • 中后台:有云控制台、信息&资产管理平台、内部研发&项目管理平台、人工智能&机器学习平台、数据研发分析平台,企业内部信息平台等。具体产品如阿里云控制台、ERP、PAI、DeepInsight、阿里内外、Basecamp等。
  • 图形:有基础图形库、3D图形、数据可视化、流程图等。具体产品如G2、DataV、阿里云城市大脑、滴滴智能交通调度图、双十一大屏等。
  • 端技术:有移动端(iOS、Android、MobileWeb、PWA、小程序)、PC端(客户端、Web端)、触屏电脑、各种监控大屏、智能手表手环,智能汽车&家居屏幕等。具体产品如淘宝支付宝的App、PC主站、移动H5站,阿里郎、VS Code、双十一大屏、UC浏览器UWP版本、各种智能手表、手环、汽车、家居屏幕等。
  • 泛Node:有工具链、Web框架、IoT、客户端(Electron、NW)等。具体产品如DEF/Atool/F2E-Test(阿里前端开发者工具)、Egg.js、阿里云的IoT应用、VS Code等。
  • 开发者服务:有应用开发运维平台、组件市场等。具体产品如阿里云的应用搭建平台Boat、Fusion-Design组件市场,支付宝小程序开发者工具等。

行业

▶ 2B

  • 信息管理、财务、建筑、航天、水利、金融、制造等传统行业软件以及阿里提出的五新:新零售,新制造,新金融,新技术和新能源,新技术赋能传统行业
  • SAAS软件及服务:如Teambition、Trello、钉钉企业版、Basecamp、Growing.io

▶ 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. 核心不变

也就是计算机科学本质/软件工程思想与实践/程序员职业素养。这个就不是一段文字可以涵盖的了,这里不做详细论述。

历史回顾

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

未来的前端

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

有一些切分体会

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

无界面交互

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

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

富界面交互

大量工作需要前端来做

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

未来在哪里

回顾观点

  1. 继续分化(领域细分、行业细分、技术栈细分)
  2. 继续融合(端技术融合、Web全栈、人工智能与端技术的融合)
  3. 核心不变(计算机科学本质、软件工程思想与实践、程序员职业素养)

一些建议

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

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

▶ 相信前端的未来,Web的力量

  • WebKit
  • V8
  • Flexbox:Yoga
  • ...

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

以上都是个人观点。

相关资源

  • Web开发这十年:http://www.infoq.com/cn/articles/web-development-ten-years
  • GUI应用架构十年变迁:https://segmentfault.com/a/1190000006016817
  • 大话前端时代一:https://halfrost.com/vue_ios_modularization/
  • 写给初学前端工程师的一封信:https://zhuanlan.zhihu.com/p/28536429
  • 母鸡与前端工程师:http://www.ruanyifeng.com/blog/2016/07/hen-and-front-end-engineer.html
  • 李开复人工智能预言:http://tech.sina.com.cn/it/2017-05-20/doc-ifyfkqks4361454.shtml
  • 《无界面交互》:https://book.douban.com/subject/26947799/

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

原文发布于微信公众号 - 较真的前端(gh_7af41a2be77e)

原文发表时间:2018-01-02

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏非著名程序员

Google 到底是不是在抄袭?

众所周知,将在今年的 5 月 8 日到 10 日举行一年一度的 I/O 开发者大会,不出意外就会发布 Android 9.0 系统。自从 Android Iss...

39870
来自专栏VRPinea

VR开放式行业标准公布,VirtualLink让高质量VR体验变得更简单

昨日上午,由NVIDIA、Oculus、Valve、AMD和微软牵头的新的行业联盟,在加利福尼亚州圣克拉拉市宣布了VirtualLink™规范——一种开放式行业...

11420
来自专栏学习有记

Python数据分析相关的社区和会议

在互联网上,有很多Python科学和数据分析相关的社区(Community),用来解决相关的问题通常是非常有帮助的。下面的列表列出了常用的社区:

16320
来自专栏CDA数据分析师

GitHub 2018年度报告 | 万万没想到你是这样的程序员

最为全球最大的开源软件开发与管理社区,GitHub在每年十月都会推出“Octoverse”报告,想知道全球三千一百多万程序员们这一年来都做了些什么? 当前社区的...

11040
来自专栏EAWorld

DevOps 10大IT管理工具

? 写在前面(译者自序) 很久没有写博客了,几乎不知道如何开始。多年过去,已经没有转载的热情,想想该干点啥呢? 我们数字化企业云平台团队近期在研发DevO...

35130
来自专栏镁客网

谷歌新系统UI曝光,这是要把安卓大哥拉下马的节奏?

17820
来自专栏喔家ArchiSelf

浅谈FPGA与音频处理器的结合

FPGA通常是面向通信行业,尽管其主要开发者仍然专注于通信应用, 但他们越来越关注存储和服务器市场。

11940
来自专栏云计算D1net

移动云计算将带来更多的安全问题

随着移动互联网的快速发展,云计算服务开始在手机、平板电脑等移动终端上得到广泛应用,结合了移动终端设备的移动通信、位置定位、相机等功能之后,移动云计算使手机突破了...

46560
来自专栏非著名程序员

快应用 VS 小程序,剑指微信?痛苦的到底是谁?

“快应用” 是九大手机厂商基于硬件平台共同推出的新型应用生态,用户无需下载安装,即点即用,享受原生应用的性能体验。“快应用” 使用前端技术栈开发,原生渲染,同时...

12430
来自专栏安全领域

物联网即为设备加服务

原文地址:https://dzone.com/articles/the-internet-of-things-is-devices-and-services

409120

扫码关注云+社区

领取腾讯云代金券