前端的的技術一直在變化，更新和變革，現在基本是三駕馬車(vue,angualr,react)主導整個前端框架，但是無論對於新人或者有經驗的程式設計師，這些知識在必須掌握，下面給大家一份詳細的表單：

我還是要推薦下我自己建立的web前端資料分享群606721798，這是web前端學習交流的地方，不管你是小白還是大牛，小編都歡迎，不定期分享乾貨，包括我整理的一份適合零基礎學習web前端的資料和入門教程。

html的語法、格局，常用的標籤極端作用，瞭解標籤的巢狀。
學習運用firefox+firebug或許chrom的除錯工具，可以運用這些工具除錯html、css、js、斷點除錯、抓包 怎麼引入css、js。
瞭解id、class屬性的區別，學會css的常用選擇器，瞭解盒子模型（padding，margin，border，width，height，），css座標系，css佈局（position的absolute、relative 、fixed、static），css浮動（float：left、right ）和清除浮動clear）,display:inline、block、inline-block、flex 3。
瞭解掌握js的執行順序，基本的程式設計基礎（變數、運算、流程操控、陣列、呼叫函式、自定義函式、物件）、json、js的dom操作、js的事件機制（委託、繫結、監聽，冒泡和阻撓冒泡，相容性），瞭解ajax的xmlhttprequest及其建立辦法（多瀏覽器相容）、跨域，明白其作業原理。
熟悉http協議對web開發的方方面面都有不少幫助，比如瞭解及運用ajax，比如除錯程式、抓取資料等等，不過http是一個很雜很細的東西，內容很多，我建議也囫圇吞棗式地學習，先了解、熟悉簡略的，今後在專案中遇到深化點的再進一步學習。
樹立伺服器，弄個傻瓜伺服器比如wamp，phpstudy等軟體，可以一鍵樹立一個apache+php+mysql的伺服器，前期可以把你的靜態頁釋出到本地伺服器，運用本地伺服器配合ajax學習。
熟悉或者至少了解node的基本語法和用法，在現在流行的手腳架配置都離不開node,而且node可以啟動伺服器，正真做一個全棧工程師。
vue,angular,react至少精通其中之一，瞭解內部執行機制，至少熟讀原始碼。
如果有興趣可以對python做一定的瞭解，這是以後的趨勢。
小程式，微信公眾號現在的趨勢。
2018年web前端學習路線圖：

零基礎前端如何系統地學習？web前端工程師自學學習路線

看到這裡是不是感覺有點害怕了，要學這麼多啊，別怕，據統計，我們所學的知識其實真正在工作中的使用率20%左右，也就是說用20%的知識就可以勝任一份工作，那剩下的80%豈不是可以扔下了？別想太多，你還是得學。學習一項技能就像馬拉松一樣，跑道已經給你固定了，只要你沿著跑道不停的向前，肯定會到達終點。前端學習也是一個道理，知識點就那麼多，只要持續的去學習，並且活學活用，多做案例，久而久之，我們就會熟練的掌握這門技能。然後在工作中，知識就是那些知識，看你怎麼用，唯一變化的就是業務需求和邏輯。

前端是一個應用程式的門面，美不美，好不好用，都是前端工程師的鍋。同時前端貫穿在整個產品開發這條生產線上，說好聽點起著承上啟下的作用，通俗點講就是你周圍都是大爺，當然，只要咱是個好前端，我特麼就才是大爺。

前端就是後臺實現和視覺表現的橋樑，是貫穿在整個產品開發過程的紐帶，起到承上啟下的作用，一個好的前端工程師他能夠很好理解產品經理對使用者體驗的要求，也能夠很好地理解後臺工程師對資料邏輯，或者程式邏輯進行分離的要求，並將這些要求轉化成前臺的開發工作。前端就是網站的門面，它的價值遠大於 其他的客戶端開發。