自學web前端應該怎么學?回看近年的前端發(fā)展,不管是之前的散裝前端時代,還是后來插件化、模塊化的演進,亦或是現(xiàn)如今如火如荼的前端工程化迭代,發(fā)展速度實在是太快了,各種框架層出不窮,這些難免會讓我們這些學習者眼花繚亂,滿腹疑團,那么不想?yún)⒓?a target="_blank">web前端培訓班,先來看看這份自學前端開發(fā)學習路線圖。
而且每個公司所用的東西也各不相同,所以想給出一張學習前端路徑是非常困難的。但最近兩年,前端技術和三大框架地位趨于穩(wěn)定,作為前端培訓屆的扛把子,我們整理了這份前端開發(fā)學習路徑。這里講解的是面向新手的學習路徑,如果你有基礎,可以利用這個路徑圖查缺補漏。廢話不多說,直接開始。
第一階段
想成為一名前端開發(fā)人員,第一步就是網(wǎng)頁布局和效果實現(xiàn)。也就是我們常說的切圖仔,這時候你需要學習HTML+CSS。此部分的學習目的是把UI設計師給你的設計稿用HTML+CSS還原成網(wǎng)頁。這部分的難點是有大量的標簽需要你記憶。但是不要緊,剛開始你只要了解這種標簽的形式,以后在工作中用的多了就熟練了。做個比喻就是你只要記住心法,以后實戰(zhàn)多了,招式自然精通了。
再簡單點,就是你不需要記住所有的標簽,你只要知道都能實現(xiàn)什么,然后不會就去百度或者查文檔。HTML+CSS學完后,你就可以做出任何漂亮的網(wǎng)頁了,只是可能交互效果還實現(xiàn)不了。這時候你就要學習JavaScript了。這是比較難的一部分,因為這部分學的好與壞,直接關系到你后邊的學習進度。但是如果你是初學者,學這部分也不要太執(zhí)著,非要達到精通的程度,才往下學習。你可以先大體過一遍所有語法,然后直接進入下一個階段學習。因為以后學習階段,還會不斷的使用這些JS語法。
第二階段
學習Vue框架,因為前邊這些內容雖然可以做出任何WEB界面了,但還不能讓你找到一份心儀的工作。所以你需要學一個流行框架。這里首推的就是Vue.js,因為在國內,這是使用最多的框架,而且上手要比React容易一些,所以建議先學習Vue.js。學完這個后,你會知道什么是數(shù)據(jù)驅動開發(fā),什么是SPA應用,也能輕松的實現(xiàn)前后端分離和服務端渲染。
第三階段
當你掌握以上兩個階段,你會發(fā)現(xiàn)你還要學習很多相關的前端技能,比如Node.js、TypeScript、Webpack、小程序開發(fā)、React.js、ReactNative、Flutter框架、Liunx運維、自動化測試。如何學和重要的知識點,在路徑圖中都有詳細的介紹,我這里就不過多廢話了。
如果你要走完學習路線圖的8個階段,那學習時間會拉的很長,所以建議你在學習的過程中邊學邊練,即使參加了工作之后,也要根據(jù)情況繼續(xù)精進。