大家經常跟我要一些 web前端的學習路線和一些vue、angular、react教程，我自己很懶，自己沒整理過系統的教程，因爲網上也多的是，有時間我會普及一些入門和提升建議，思想提升了，路線明確了自然就好了，於是就整理了下這篇學習路線文章，乾貨福利內容 在文末↓
對於很多人來說，問題的關鍵在於沒有找到正確的發展方向，他不知道自己該學什麼？前端更是體系龐雜，很難從一而終，於是特意抽出一部分時間來總結一下路線，幫助大家。
一、HTML、CSS基礎、JavaScript語法基礎。學完基礎後，可以仿照電商網站（例如京東、小米）做首頁的佈局。
二、JavaScript語法進階。包括：作用域和閉包、this和對象原型等。相信我，JS語法，永遠是面試中最重要的部分。
三、jQuery、Ajax等。jQuery沒有過時，它仍然是前端基礎的一部分。
四、ES6語法。這部分屬於JS新增的語法，面試必問。其中，關於promise、async等內容要尤其關注。
五、HTML5和CSS3。要熟悉其中的新特性。
六、canvas。面試時，有的公司不一定會問canvas，靠運氣。如果時間不夠，這部分的內容可以先不學。但如果你會，絕對屬於加分項。
七、移動Web開發、Bootstrap等。要注意移動開發中的適配和兼容性問題。
八、前端框架：Vue.js和React。這兩個框架至少要會一個。入門時，建議先學Vue.js，上手相對容易。但無論如何，同時掌握 Vue 和 React 纔是合格的前端同學。
九、Node.js。屬於加分項，如果時間不夠，可以先不學，但至少要知道 node 環境的配置。
十、自動化工具：構建工具 Webpack、構建工具 gulp、CSS 預處理器 Sass 等。注意，Sass 比 Less 用得多，gulp 比 grunt 用得多。
十一、前端綜合：HTTP協議、跨域通信、安全問題（CSRF、XSS）、瀏覽器渲染機制、異步和單線程、頁面性能優化、防抖動（Debouncing）和節流閥（Throtting）、lazyload、前端錯誤監控、虛擬DOM等。
十二、編輯器相關。Sublime Text 是每個學前端的人都要用到的編輯器。另外，前端常見的IDE有兩個：WebStorm 和 Visual Studio Code。WebStorm什麼都好，可就是太卡頓；VS Code就相對輕量很多。個人總結一下：新手一般用 WebStorm，入門之後，用 VS Code 的人更多。
十三、TypeScript（簡稱TS）。ES 是 JS 的標準，TS 是 JS 的超集。TS屬於進階內容，建議把上面的基礎掌握之後，再學TS。
十四, 前端框架知識 vue react angular，三選一，必須要掌握熟，其餘兩個可以瞭解，但取決於你面試的公司
我是在愛創課堂培訓了差不多五個月，最後入職了一家公司，剛開始薪資在13k左右，前期主要是總結經驗，慢慢漲工資。
需要前端資料的可以加前端學習資料羣：937268047，免費分享領取