前端開(kāi)發(fā)學(xué)習(xí)路線：

一、HTML、CSS、JavaScript

HTML+CSS+JavaScript被稱為前端三駕馬車，是前端學(xué)習(xí)中必須要掌握的基礎(chǔ)。至少?gòu)哪壳暗目蚣苌蟻?lái)看，不管后面大家需要學(xué)什么內(nèi)容，往什么方向發(fā)展，都需要熟練掌握這“三駕馬車”！

對(duì)于剛剛?cè)腴T(mén)的同學(xué)來(lái)說(shuō)，JavaScript一定是重中之重。

HTML標(biāo)簽不熟悉完全可以用div。CSS的內(nèi)容更是固定，用來(lái)用去就是常用的那十幾個(gè)屬性。

但是JavaScript不會(huì)，就真是什么都寫(xiě)不出來(lái)。

二、CSS3和ES6

前端三駕馬車學(xué)完了之后，就要去學(xué)習(xí)JavaScript的ES6。后面學(xué)習(xí)Vue和React都有涉及到這一塊內(nèi)容。而CSS3也能幫助我們?cè)贑SS達(dá)到更高的水平。

三、AJAX

當(dāng)你學(xué)會(huì)html,css,javascript，css3，ES6之后，基本上就可以正常的把頁(yè)面寫(xiě)出來(lái)了?，F(xiàn)在，你需要去了解什么是異步數(shù)據(jù)交互。現(xiàn)在的框架，幾乎都采用了前后端分離，所有的數(shù)據(jù)交互都采用了ajax技術(shù)。這個(gè)技術(shù)還是非常重要的。

四、學(xué)習(xí)框架Vue/React二選一

還有一個(gè)Angular在國(guó)內(nèi)用的較少，就不推薦了。如果你有時(shí)間把Vue/React都學(xué)明白，那是最好的。

五、熟悉組件庫(kù)：Element Ui(vue) 或 Ant Design(react)

如果在框架上選擇了vue的話。那么就去學(xué)習(xí)Element Ui組件庫(kù)。反之，如果在框架上選擇了react。那么就學(xué)習(xí)Ant Design組件庫(kù)。

當(dāng)然，這絕不是說(shuō)市面上就只使用Element Ui /Ant Design 這兩種組件庫(kù)，組件庫(kù)的種類有很多。只是對(duì)于react和vue來(lái)說(shuō)，這兩個(gè)組件庫(kù)的市場(chǎng)占有量最大。

而且，只要會(huì)一個(gè)組件庫(kù)，有需要時(shí)候再去了解其他組件庫(kù)，速度簡(jiǎn)直不要太快?？纯次臋n，當(dāng)場(chǎng)看當(dāng)場(chǎng)就能上手。

組件庫(kù)的學(xué)習(xí)不需要我們?nèi)チ私饷恳粋€(gè)組件有幾個(gè)屬性有幾個(gè)事件。沒(méi)必要的，成百上千個(gè)屬性和事件，鬼都記不住。我們只需要知道這個(gè)組件庫(kù)中能實(shí)現(xiàn)哪些功能。在需要用到時(shí)候，知道去哪找到，能看懂文檔，就可以了。 一些常用的屬性，工作上用的多，自然而然也就記住了。

六、學(xué)習(xí)一門(mén)后臺(tái)語(yǔ)言

Node.js簡(jiǎn)直是為前端量身打造的后端語(yǔ)言。是基于javascript構(gòu)建的一門(mén)后端語(yǔ)言，語(yǔ)法幾乎是和前端一模一樣的。對(duì)前端來(lái)說(shuō)，學(xué)習(xí)成本遠(yuǎn)低于其他語(yǔ)言的學(xué)習(xí)成本。如果以后不打算轉(zhuǎn)后端的話。Node.js無(wú)疑是 最好的選擇。

等等。

如還有其他困惑，可在線了解有關(guān)信息>>>了解前端開(kāi)發(fā)>>>