要重視戰略、技術只是技能
現在web前端越來越細分，工具、框架語言、日新月異，學也學不完。很多同學想放棄，甚至有人質疑前端以後飽和了，找不到工作了這種無腦文章。
販賣焦慮，著實可笑，那麼根據現在的判斷，我們展望一下未來到底什麼樣的呢？我們天天刷屏的vue、react、es6這些玩意只不過我應用層裡的冰山一角，不值得吹。
我們要做的是要從戰略層面、大方向瞭解一下我們的工作到底值不值、或者是什麼樣的價值和潛力，是絕對有必要的，不要用只停留在技術、戰術層面，戰略錯了，你就掉坑裡了！
下面北媽帶你來展望下未來和現在我們web前端的發展方向和細分領域。
極可能以後前端忙成狗 後端寫sql。
前端首先是一個程序員
前端工程師首先是個程序員，其次也是個軟件工程師，他們工作在離用戶最近的地方，負責人機交互和用戶體驗，雖然叫“前端”，但其實他們的工作邊界其實已經很寬了。
展望未來，我想前端的工作會繼續分化，也會繼續融合，分工是工業革命以來社會高效的主要推動力，以後很長一段時間應該也會維持這種形態。不過核心的東西我想還是不會有太大變化。
我的觀點
1、繼續分化（領域、行業、技術棧）
2、繼續融合（端技術、Web全棧技術、人工智能）
3、核心不變（計算機科學本質、軟件工程思想、程序員基礎素養）
1、繼續分化
領域
前端領域會繼續分化，例如阿里內部的前端就已經有中後臺、圖形、端技術、泛Node、開發者服務5個大方向了，每個大方向也會細分，舉一些例子：
1、中後臺：有云控制檯、信息&資產管理平臺、內部研發&項目管理平臺、人工智能&機器學習平臺、數據研發分析平臺等。具體產品如阿里雲控制檯、ERP、DeepInsight、Basecamp等。
2、圖形：有基礎圖形庫、3D圖形、數據可視化、流程圖等。具體產品如G2、阿里雲城市大腦、滴滴智能交通調度圖、雙十一大屏等。
3、端技術：有移動端（iOS、Android、MobileWeb、PWA、小程序）、PC端（客戶端、Web端）、觸屏電腦、各種監控大屏、智能手錶手環，智能汽車&家居屏幕等。
4、泛Node：有工具鏈、Web框架、IoT、客戶端（Electron、NW）等。具體產品如DEF/F2E-Test（阿里前端開發者工具）、Egg.js、VS Code等。
5、開發者服務：有應用開發運維平臺、組件市場等。具體產品如阿里雲的應用搭建平臺Fusion-Design組件市場，支付寶、微信小程序開發者工具等。
技術棧
1、React（Native）
2、Angular（NativeScript）
3、Vue（Weex）
2、繼續融合
端技術包括
~ 前端、客戶端技術思想的融合
~ 組件化（組件化搭建頁面）
~ 組件生命週期鉤子函數（如iOS ViewController）
~ MV*（如MVVM設計就來源於微軟客戶端開發框架）
大前端的統一
~ 虛擬DOM技術：React/ReactNative/ReactCanvas
~ 各種移動設備內核和引擎的統一：WebKit/V8
Web全棧技術
~ 前端、後端技術思想的融合
~ MV*
~ AOP、依賴注入
~ IndexedDB（Database）
人工智能與端技術
~ 人工智能、前端技術的融合
~ 端數據採集->後端機器學習、數據可視化
~ 物聯網、前端技術的融合
~ 智能家居/汽車/工業設備可能是有屏幕的，同時可以基於如
~ JerryScript這樣的JS執行引擎使用Node.js開發聯網應用
3. 核心不變
計算機科學本質/軟件工程思想與實踐/程序員職業素養。
計算機科學基礎：如基本的操作系統概念和計算機組成原理，算法和數據結構基礎等等。
軟件工程思想與實踐：如軟件開發模式，設計模式，架構思維，自動化思維，單元測試集成測試，UML等等。
程序員職業素養：如對代碼整潔和可讀性的追求，對軟件開發的熱情，對編程技藝的自我提升等等。
歷史回顧
回顧過前端的演化，主要參見最底下的相關資源，下圖簡要回顧一下95年以來軟件開發和前端歷史：
前端的未來
那些生存空間越來越小的產業
1、小規模移動App：移動App市場被一些巨頭把持，小規模App生存空間越來越小
2、PC信息導航類網站（網址、購物、論壇、生活）：現在移動優先，而且有智能推薦，並且是強社交
無界面交互
Web前端能做一些事，主要是大前端的範疇
1、會話式界面（視頻語音會話、語音搜索：WebRTC，開源語音庫：Common Voice）
2、感官式界面（視覺：WebAR/WebVR）
3、無界面，未來會有大量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
結合公司業務特點有重點的關注前端的某些方面，畢竟技術服務於業務
前端的發展超出了所有人的想象力，未來肯定是難以預測的，也沒有做預測的必要，我們要做的還是踏實做好眼前的事情，
以上部分判斷未來觀點段落來自：阿里技術的《不止代碼》一書中的~“前端工程師的未來在哪裡” 作者：成曰
更重要的是，一定要打好基礎，萬變不離其宗。計算機基礎素養，發展了50年了還是沒有變！
來自：前端你別鬧（微信號：webunao）
閱讀更多 千鋒Html5學習課堂 的文章
