自學web前端應該怎么學？回看近年的前端發展，不管是之前的散裝前端時代，還是后來插件化、模塊化的演進，亦或是現如今如火如荼的前端工程化迭代，發展速度實在是太快了，各種框架層出不窮，這些難免會讓我們這些學習者眼花繚亂，滿腹疑團，那么不想參加web前端培訓班，先來看看這份自學前端開發學習路線圖。

　　而且每個公司所用的東西也各不相同，所以想給出一張學習前端路徑是非常困難的。但最近兩年，前端技術和三大框架地位趨于穩定，作為前端培訓屆的扛把子，我們整理了這份前端開發學習路徑。這里講解的是面向新手的學習路徑，如果你有基礎，可以利用這個路徑圖查缺補漏。廢話不多說，直接開始。

　　第一階段

　　想成為一名前端開發人員，第一步就是網頁布局和效果實現。也就是我們常說的切圖仔，這時候你需要學習HTML+CSS。此部分的學習目的是把UI設計師給你的設計稿用HTML+CSS還原成網頁。這部分的難點是有大量的標簽需要你記憶。但是不要緊，剛開始你只要了解這種標簽的形式，以后在工作中用的多了就熟練了。做個比喻就是你只要記住心法，以后實戰多了，招式自然精通了。

　　再簡單點，就是你不需要記住所有的標簽，你只要知道都能實現什么，然后不會就去百度或者查文檔。HTML+CSS學完后，你就可以做出任何漂亮的網頁了，只是可能交互效果還實現不了。這時候你就要學習JavaScript了。這是比較難的一部分，因為這部分學的好與壞，直接關系到你后邊的學習進度。但是如果你是初學者，學這部分也不要太執著，非要達到精通的程度，才往下學習。你可以先大體過一遍所有語法，然后直接進入下一個階段學習。因為以后學習階段，還會不斷的使用這些JS語法。

　　第二階段

　　學習Vue框架，因為前邊這些內容雖然可以做出任何WEB界面了，但還不能讓你找到一份心儀的工作。所以你需要學一個流行框架。這里首推的就是Vue.js，因為在國內，這是使用最多的框架，而且上手要比React容易一些，所以建議先學習Vue.js。學完這個后，你會知道什么是數據驅動開發，什么是SPA應用，也能輕松的實現前后端分離和服務端渲染。

　　第三階段

　　當你掌握以上兩個階段，你會發現你還要學習很多相關的前端技能，比如Node.js、TypeScript、Webpack、小程序開發、React.js、ReactNative、Flutter框架、Liunx運維、自動化測試。如何學和重要的知識點，在路徑圖中都有詳細的介紹，我這里就不過多廢話了。

　　如果你要走完學習路線圖的8個階段，那學習時間會拉的很長，所以建議你在學習的過程中邊學邊練，即使參加了工作之后，也要根據情況繼續精進。