0、序言

都說(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í)路線是:

  1. JS基礎(chǔ)知識(shí)
  2. Vue腳手架搭建啟動(dòng)本地服務(wù)
  3. Vue組件庫(kù)(element-ui)堆砌頁(yè)面
  4. CSS美化頁(yè)面
  5. 自定義組件
  6. Vue相關(guān)知識(shí)
    附加題:
  7. 地圖相關(guān)(高德地圖)
  8. 圖表相關(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í)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容