Web前端入門的學習路線總結

　　想要學習web前端，前期一定要做好學習路線，下面是小編整理的Web前端入門的學習路線總結，希望正在從事Web前端工作的小夥伴們來和小編一起看一看吧，希望本篇文章能夠對大家有所幫助。

　　Web前端入門的學習路線總結：

　　一、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就相對輕量很多。個人總結一下：用VS Code 的人越來越多，用 WebStorm 的人越來越少。

　　十三、TypeScript(簡稱TS)。ES 是 JS 的標準，TS 是 JS 的超集。TS屬於進階內容，建議把上面的基礎掌握之後，再學TS。