本文引自：前端工程師的未來在哪里？
阿里妹導讀：很多童鞋在上次的問卷調查里表示朗兵，希望多推出一些前端方向的內容。今天為大家分享一篇關于前端工程師職業(yè)發(fā)展的文章顶滩，拋磚引玉矛市，期待與大家一起交流探討。
我是成曰诲祸，目前在螞蟻金服數(shù)據(jù)平臺部任職前端工程師浊吏，從事數(shù)據(jù)中臺產品的研發(fā)。目前對前端架構與質量救氯、用戶體驗找田、TypeScript比較感興趣。
以下我說的都是個人觀點着憨，比較宏觀粗淺墩衙，主要針對的是前端工程師本身，沒有深入技術和業(yè)務細節(jié)甲抖，請謹慎參考漆改。
職能概覽
前端工程師首先是個程序員，其次也是個軟件工程師准谚，他們工作在離用戶最近的地方挫剑，負責人機交互和用戶體驗，雖然叫“前端”柱衔，但其實他們的工作邊界其實已經很寬了樊破。
展望未來，我想前端的工作會繼續(xù)分化唆铐，也會繼續(xù)融合哲戚，分工是工業(yè)革命以來社會高效協(xié)作的主要推動力，以后很長一段時間應該也會維持這種形態(tài)艾岂，融合的原始推動力也是提高效率顺少。分化和融合是不斷的演化和互吸收轉化的，不過核心的東西我想還是不會有太大變化王浴。
觀點
繼續(xù)分化（領域脆炎、行業(yè)、技術棧）
繼續(xù)融合（端技術叼耙、Web 全棧技術腕窥、人工智能與端技術）
核心不變（計算機科學本質粒没、軟件工程思想與實踐筛婉、程序員職業(yè)素養(yǎng)）
1. 繼續(xù)分化
領域
前端領域會繼續(xù)分化，例如阿里內部的前端就已經有中后臺、圖形爽撒、端技術入蛆、泛 Node、開發(fā)者服務5個大方向了硕勿，每個大方向也會細分哨毁，舉一些例子：
（1）中后臺：有云控制臺、信息&資產管理平臺源武、內部研發(fā)&項目管理平臺扼褪、人工智能&機器學習平臺、數(shù)據(jù)研發(fā)分析平臺粱栖，企業(yè)內部信息平臺等话浇。具體產品如阿里云控制臺、ERP闹究、PAI幔崖、DeepInsight、阿里內外渣淤、Basecamp 等赏寇。
（2）圖形：有基礎圖形庫、3D圖形价认、數(shù)據(jù)可視化嗅定、流程圖等。具體產品如 G2用踩、DataV露戒、阿里云城市大腦、滴滴智能交通調度圖捶箱、雙十一大屏等智什。
（3）端技術：有移動端（iOS、Android丁屎、MobileWeb荠锭、PWA、小程序）晨川、PC 端（客戶端证九、Web 端）、觸屏電腦共虑、各種監(jiān)控大屏愧怜、智能手表手環(huán)，智能汽車&家居屏幕等妈拌。具體產品如淘寶支付寶的 App拥坛、PC 主站蓬蝶、移動 H5 站，阿里郎猜惋、VS Code丸氛、雙十一大屏、UC 瀏覽器 UWP 版本著摔、各種智能手表缓窜、手環(huán)、汽車谍咆、家居屏幕等禾锤。
（4）泛 Node：有工具鏈、Web 框架摹察、IoT时肿、客戶端（Electron、NW）等港粱。具體產品如 DEF/Atool/F2E-Test（阿里前端開發(fā)者工具）螃成、Egg.js、阿里云的 IoT 應用查坪、VS Code 等寸宏。
（5）開發(fā)者服務：有應用開發(fā)運維平臺、組件市場等偿曙。具體產品如阿里云的應用搭建平臺 Boat氮凝、Fusion-Design 組件市場，支付寶小程序開發(fā)者工具等望忆。
行業(yè)
（1）2B
信息管理罩阵、財務、建筑启摄、航天稿壁、水利、金融歉备、制造等傳統(tǒng)行業(yè)軟件以及阿里提出的五新：新零售傅是，新制造，新金融蕾羊，新技術和新能源喧笔，新技術賦能傳統(tǒng)行業(yè)
SAAS 軟件及服務：如 Teambition、Trello龟再、釘釘企業(yè)版书闸、Basecamp、http://Growing.io
（2）2C
移動 App：如微信利凑、微博
PC 工具應用：如 Google Doc
產品展示類網(wǎng)站：如阿里云浆劲、支付寶官網(wǎng)
技術棧
- React（Native）
- Angular（NativeScript）
- Vue（Weex）
2. 繼續(xù)融合
端技術
- 前端嫌术、客戶端技術思想的融合
- 組件化（組件化搭建頁面）
- 組件生命周期鉤子函數(shù)（如 iOS ViewController）
- MV*（如 MVVM 設計就來源于微軟客戶端開發(fā)框架）
大前端的統(tǒng)一
- 虛擬 DOM 技術：React/ReactNative/ReactCanvas
- 各種移動設備內核和引擎的統(tǒng)一：WebKit/V8
- Web 技術文檔的統(tǒng)一：Mozilla Web Docs
Web全棧技術
- 前端、后端技術思想的融合
- MV*（如前端的第一個 MVC 框架 Backbone.js 就來自于 Ruby on Rails 開發(fā)者）
- AOP梳侨、依賴注入（Angular）
- GraphQL（SQL）
- IndexedDB（Database）
人工智能與端技術
- 人工智能蛉威、前端技術的融合
- 端是最終觸達用戶的節(jié)點
- 端數(shù)據(jù)采集->后端機器學習日丹、數(shù)據(jù)分析->智能推薦呈現(xiàn)
- 物聯(lián)網(wǎng)走哺、前端技術的融合
- 智能家居/汽車/工業(yè)設備可能是有屏幕的，同時可以基于如 JerryScript 這樣的 JS 執(zhí)行引擎使用 Node.js 開發(fā)聯(lián)網(wǎng)應用
3. 核心不變
計算機科學本質/軟件工程思想與實踐/程序員職業(yè)素養(yǎng)哲虾。
- 計算機科學基礎：如基本的操作系統(tǒng)概念和計算機組成原理丙躏，算法和數(shù)據(jù)結構基礎等等。
- 軟件工程思想與實踐：如軟件開發(fā)模式束凑，設計模式晒旅，架構思維，自動化思維汪诉，單元測試集成測試废恋，UML 等等。
- 程序員職業(yè)素養(yǎng)：如對代碼整潔和可讀性的追求扒寄，對軟件開發(fā)的熱情鱼鼓，對編程技藝的自我提升等等。
歷史回顧
回顧過前端的演化该编，主要參見最底下的相關資源迄本，下圖簡要回顧一下 95 年以來軟件開發(fā)和前端歷史：
前端的未來
那些生存空間越來越小的產業(yè)
- 小規(guī)模移動 App：移動 App 市場被一些巨頭把持，小規(guī)模App生存空間越來越小
- PC 信息導航類網(wǎng)站（網(wǎng)址课竣、購物嘉赎、論壇、生活）：現(xiàn)在移動優(yōu)先于樟，而且有智能推薦公条，并且是強社交
無界面交互
Web 前端能做一些事，主要是大前端的范疇
- 會話式界面（視頻語音會話迂曲、語音搜索：WebRTC赃份，開源語音庫：Common Voice）
- 感官式界面（視覺：WebAR/WebVR）
- 無界面，未來會有大量 IoT 設備（IoT 有自己的通信協(xié)議和規(guī)范奢米，前端的工作是在用戶看不見的后臺）
富界面交互
大量工作需要前端來做：
- 日常辦公軟件（復雜應用抓韩，并且慢慢從桌面程序演化為 Web）：Office、Email鬓长、文檔管理谒拴、產品設計、項目管理涉波、代碼編輯器
- 大數(shù)據(jù)/AI配套軟件（復雜應用英上，并且慢慢從桌面程序演化為 Web）：需要大量的后臺系統(tǒng)來做數(shù)據(jù)分析/機器學習
- 播放器/游戲：H5 代替 Flash炭序，如 Web Audio、Web Video苍日、Canvas
- 容器/DSL/內核/小程序：支付寶/微信/釘釘容器惭聂，內核（也就是 UC、QQ 瀏覽器內核）相恃，及其自定義 DSL（如果將來手機的底層能力都可以上浮到小程序辜纲，很有想象空間）
- 產品信息展示類網(wǎng)站（炫酷應用）：各種智能設備官網(wǎng)、大企業(yè)官網(wǎng)
未來在哪里拦耐？
回顧觀點
繼續(xù)分化（領域細分耕腾、行業(yè)細分、技術棧細分）
繼續(xù)融合（端技術融合杀糯、Web全棧扫俺、人工智能與端技術的融合）
核心不變（計算機科學本質、軟件工程思想與實踐固翰、程序員職業(yè)素養(yǎng)）
一些建議
（1）關心人工智能的發(fā)展狼纬，思考 TA 在前端領域可能產生的應用場景
- 視覺稿自動生成代碼
- 根據(jù)用戶使用習慣自動排出最符合該用戶習慣的界面
- 收集用戶數(shù)據(jù)在前端實時做學習和分析，如deeplearn.js
（2）相信前端的未來骂际，Web的力量
- WebKit
- V8
- Flexbox：Yoga
（3）結合公司業(yè)務特點有重點的關注前端的某些方面疗琉，畢竟技術服務于業(yè)務
后記：前端的發(fā)展超出了所有人的想象力，未來肯定是難以預測的方援，也沒有做預測的必要没炒，我們要做的還是踏實做好眼前的事情，“過往不戀犯戏、當下不雜送火、未來不迎”，與君共勉先匪！
