web前端學習路線圖
前端的的技術一直在變化，更新和變革，現在基本是三駕馬車(vue,angualr,react)主導整個前端框架，但是無論對於新人或者有經驗的程式設計師，這些知識在必須掌握
上圖羅列了整個前端的一些技術架構，可能有些東西已經過時了，但是以下這些東西必須得了解和掌握。
html的語法、格局，常用的標籤極端作用，瞭解標籤的巢狀。
學習運用firefox+firebug或許chrom的除錯工具，可以運用這些工具除錯html、css、js、斷點除錯、抓包 2.怎麼引入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做一定的瞭解，這是以後的趨勢。
小程式，微信公眾號現在的趨勢，可以關注一下官網。
自己整理了一份最全面前端學習資料,從最基礎的HTML+CSS+JS [炫酷特效，遊戲，外掛封裝，設計模式]到移動端HTML5的專案實戰的學習資料都有整理，送給每一位前端小夥伴, 有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小夥伴歡迎加入學習。
加Q 裙：777093078（招募中）