web 前端可以說是最容易入門的程式技能之一了，它包括了三大基礎塊：HTML，CSS，JavaScript，除此之外還有程式開發所需的公共類知識。
雖然說web前端的入門比較簡單，但是要想掌握或者精通web前端，那並不會比其他語言方向簡單。由於前端技術的更新速度，學習web前端甚至會更“折磨”人。所以我和小夥伴們整理了一份前端基礎的學習路線，它適合新人到兩三年開發經驗的前端們。
這份路線或許不是特別全，但是基本能涵蓋大部分工作中常用的技能項。此外在框架側重方面，這份路線圖選擇的是 React 。
路線圖
這個是 web 前端基礎學習 的站點，接下來就直接看路線圖吧：
路線圖把前端基礎學習分為了三個部分，從易到難平滑地展示出 web 前端的知識點。
第一階段
第一階段的學習是面向零基礎或者少量基礎的初學者的，這一階段主要是學習各個前端技能點的基礎，例如 HTML 的常見標籤、語義化 HTML、CSS 基礎、常用佈局、JavaScript 基礎等等。
經過這一階段的學習，你能用原生 JavaScript 完成常見頁面的互動功能。
第二階段
第一階段的學習過後，要想參與專案的開發肯定是不夠的。第二階段前端的技能就開始變多了，JavaScript 方面，你需要開始學習框架了，同時還要懂得常用的高階特性和設計模式；CSS 方面要開始接觸前處理器、框架、CSS3 特性等。在公共知識方法，你也需要學習更多。
這一階段的學習讓你可以參與到團隊工作開發。完成策劃的需求，配合 UI 和後端等完成開發，並通過 QA 測試和策劃驗收。
第三階段
第三階段的技能點相對比較開放些了，如效能優化，函數語言程式設計、服務端渲染等等。
這一階段的學習僅供參考，根據自己的需求和興趣去學習。
總結
單純的學習前端肯定是非常枯燥的，最好的學習模式就是工作和學習相結合，相互促進，就是指學以致用。前端的技能知識點真的很多，所以還是需要能靜下心來學習。