都說(shuō)前端要學(xué)的東西多,技術(shù)更新?lián)Q代也比較快,很多剛開(kāi)始做前端的朋友看著一堆要學(xué)的技術(shù)會(huì)感覺(jué)無(wú)從下手。由于要學(xué)的知識(shí)點(diǎn)太多,導(dǎo)致經(jīng)??粗竺嫱懊妫蛘咭粚W(xué)就會(huì),一寫(xiě)就廢??吹胶枚嘈氯擞龅竭@樣的問(wèn)題,所以我在想能不能用最少的知識(shí)點(diǎn),先讓新人可以上手做一些東西,然后在上手的同時(shí)去鞏固知識(shí)和拓展知識(shí)。當(dāng)然這只是一個(gè)嘗試,后面可能需要不斷的實(shí)踐和改進(jìn),才能確定是否可行。
首先,前端的基礎(chǔ)知識(shí):HTML + CSS。如果只是做靜態(tài)網(wǎng)站,這兩項(xiàng)就夠了。
當(dāng)然,現(xiàn)在需要做的大多數(shù)是動(dòng)態(tài)網(wǎng)站,還需要學(xué)習(xí)JS,以及流行的前端框架,比如我用的Vue。
另外,是不是可以直接跳過(guò)HTML,由Vue組件庫(kù)代替HTML?那就可以精簡(jiǎn)為Vue + CSS + JS。由于Vue本事就是基于JS實(shí)現(xiàn)的,所以跳過(guò)HTML的話,學(xué)習(xí)順序就不能從HTML + CSS開(kāi)始了,需要從JS先開(kāi)始。
擬定的大致學(xué)習(xí)路線是:
- JS基礎(chǔ)知識(shí)
- Vue腳手架搭建啟動(dòng)本地服務(wù)
- Vue組件庫(kù)(element-ui)堆砌頁(yè)面
- CSS美化頁(yè)面
- 自定義組件
- Vue相關(guān)知識(shí)
附加題: - 地圖相關(guān)(高德地圖)
- 圖表相關(guān)(Echarts)
感覺(jué)這么下來(lái),一兩個(gè)月就能上手開(kāi)始做東西,一旦開(kāi)始上手就會(huì)在實(shí)際工作中發(fā)現(xiàn)薄弱點(diǎn),可以有針對(duì)性的復(fù)習(xí)和學(xué)習(xí)。
OK,下篇就來(lái)開(kāi)始正式實(shí)踐,從JS開(kāi)始學(xué)習(xí)。