對於很多人來說，問題的關鍵在於沒有找到正確的發展方向，他不知道自己該學什麼？前端更是體系龐雜，很難從一而終，於是特意抽出一部分時間來總結一下路線，幫助大家。
html、css基礎、js語法基礎。學完基礎後，可以仿照電商**（例如京東、小公尺）做首頁的布局。
js語法高階。包括：作用域和閉包、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 的人更多。
type（簡稱ts）。es 是 js 的標準，ts 是 js 的超集。ts屬於高階內容，建議把上面的基礎掌握之後，再學ts。
前端框架知識 vue react angular，三選一，必須要掌握熟，其餘兩個可以了解，但取決於你面試的公司
web前端的學習路線是什麼
前端工程師，也叫web前端開發工程師。web前端，前端從字面意思就很好理解，前端就是負責 框架，首頁內容的設計。web前端是it行業門檻相對較低的類別，很容易學洗。經過幾個月的培訓一般就可以上崗就業。web前端開發技術主要包括三個要素 html css和j ascript 它要求前端開發工程師不僅要...
《前端》學習路線
01.環境搭建 前端環境很好搭建，乙個開發工具即可，webstorm，hbuilder，vscode，sublime。初學者建議sublime 也不要裝外掛程式，沒有語法提示，可以打基礎 02.html基礎 帶你去認識html，讓你學習去執行html，等瀏覽器上面開啟你的頁面的時候，你會有很強的成就...
web安全的學習路線
1.基礎知識 基礎知識裡面分三個部分 01 基礎語言，在基礎語言這部分，包含 asp,php,linux 等 02.資料庫學習 sql語言，sql server,mysql,oracle 等 03.伺服器配置.linux 伺服器配置，windows伺服器配置，iptables 配置等等 這裡需要注意...