談新手如何成為比UI懂技術，比技術人員更懂交互的web前端攻城獅

對於很多人而言，相比較Java程序員，c++程序員，PHP程序員，Python程序員而言，web前端開發是較為容易入門的，不用和複雜的事務邏輯代碼編寫打交道，只需要把後端傳遞的數據用最養眼的方式展現給用戶即可。學習web前端開發技能是比較簡單的工作，只需你真的是一步一個腳印的在行進，那你必然會有相應的成果。

對前端開發的三個總體理解和體會

我對前端開發的總體體會有三：

第一：雜而難，難度甚至超過了一般的後台開發，如果有人覺得前端開發簡單只能說明他還沒有入門。

第二：web前端開發正在向響應式和移動端方向大步邁進。

第三：前端工程師其實就是編程技術人員，用一句話來形容「比UI設計懂技術，比技術人員更懂交互」，當然也有人說前端工程師是工程師中的設計師，是設計師中的工程師。既然是編程工作，那就不會做一輩子，畢竟太累。認真敲幾年代碼然後去賣水果吧，還望師弟師妹們來照顧我生意。

下面我給你學習前端的新手一些前端需要學習的東西：

一、三大框架

目前來看vue和react已經是主流了，生態也比較完善，angular的使用的會少一些，所以優先學習vue和react為主，angular可以視情況而定學習。當然不僅僅是學習框架的使用，還需要學習他們運行的原理，以及周邊生態的一些原理，先看vue的源碼，稍微簡單一些。

二、webpack

webpack現在很多項目以及離不開他了，雖然他的配置比較繁瑣，但是功能很強大，所以webpack是必須要掌握的內容，同時了解他的打包機制、loader和插件原理也是很有必要的。rollup和parcel是最近兩個新的打包工具，可以暫時觀望。

三、typescript

typescript是一門很棒的語言（雖然很多人不這麼認為），提供了靜態檢測等功能，但它不是必須學習的內容，原生的js已經滿足很多人的開發需求了。

四、react-native

rn讓前端可以參與的app的開發中，提供了比h5更好的體驗，同時比原生開發有更高的效率，但是目前rn並不完善，也有很多需要解決的問題。目前可以嘗試的寫寫demo，了解整個開發流程。

五、nodejs

前端幾乎已經離不開node了，npm包管理，開發時啟動node服務等等，所以nodejs算是一個必須學習的內容了，掌握node的一些開發思想也是很有必要的，當然更多的後端知識可以視情況而定。

六、小程序

小程序的開發其實比較簡單，需要學習的時間並不長，可以嘗試著自己寫一個小程序體驗。

七、pwa

從去年開始一些大公司已經在使用pwa了，而蘋果也開始支持pwa了，所以可能是一個未來的趨勢，可以先了解pwa的一些基礎內容，之後再進行更深入的學習，優先順序較低。

八、數據可視化、物聯網、人工智慧等等

這些屬於比較細分的一些領域了，根據自己的需求和規划進行選擇性的學習。

九、計算機基礎

其實有些前端工程師的計算機基礎會差一些，包括我自己，像數據結構、演算法、操作系統等等也是需要學習的內容，它可能不會給你在目前的工作中帶來太大的幫助，但是在有些場景下這些知識會帶來一些解決問題的靈感。

再說幾個建議不用學的技術

1.IE 兼容不學

2.Float 、Flex、Grid 之外的布局方式不學

3.require.js 不學、學 ES Module

4.Grunt、Gulp 不學，學 Webpack、Parcel

5.BootStrap 不學，學 Element UI 和 Antd

6.非同步處理中 Generator 先先先先不學，學 Promise 和 Async/Await

7.W3schools 堅決不學，學 MDN

8.先不要學 PWA，除非你要去的公司明確說需要了解 PWA。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！