超級(jí)棒的免費(fèi)前端學(xué)習(xí)路線

超級(jí)棒的免費(fèi)前端學(xué)習(xí)路線

Obj.Tube 出品的開(kāi)源免費(fèi)前端學(xué)習(xí)路線，分階段學(xué)習(xí)，每個(gè)知識(shí)點(diǎn)都有指引和資源推薦，一腳踢開(kāi)前端大門(mén)！

這段時(shí)間，一直在全網(wǎng)搜尋前端學(xué)習(xí)路線。在對(duì)比了很多的網(wǎng)站、培訓(xùn)機(jī)構(gòu)的思維導(dǎo)圖、PDF 資料之后，最終還是給大家推薦 Obj.Tube 自己打造的前端學(xué)習(xí)路線。

這份學(xué)習(xí)路線既不是靜態(tài)的圖片，也不是文檔和導(dǎo)圖，而是一個(gè)網(wǎng)站，你可以在網(wǎng)站中自由探索。

可以先通過(guò)一個(gè)短視頻快速了解：

評(píng)價(jià)一個(gè)前端路線的好壞時(shí)，我最注重的是前端知識(shí)的 學(xué)習(xí)順序是否漸進(jìn) 以及 內(nèi)容完整度。

這份路線中，作者將前端學(xué)習(xí)劃分為三個(gè)階段，由淺入深，順序安排非常合理，零基礎(chǔ)的小白也可以入門(mén)。你可以選擇適合自己的階段進(jìn)行學(xué)習(xí)，路線圖會(huì)根據(jù)選項(xiàng)做出相應(yīng)的調(diào)整，從而幫助過(guò)濾那些目前不適合你學(xué)習(xí)的知識(shí)。

你還可以一鍵下載完整的路線圖到本地。

再看看這份路線的內(nèi)容，從了解互聯(lián)網(wǎng)、瀏覽器、編輯器、常用的開(kāi)發(fā)工具，到前端主流技術(shù)（如 HTML、CSS、JavaScript），再到版本控制、構(gòu)建、代碼質(zhì)量、性能優(yōu)化等前端工程化方面的知識(shí)，可以說(shuō)是非常全面了！

更棒的是，這個(gè)網(wǎng)站不僅僅只是前端學(xué)習(xí)路線，當(dāng)你點(diǎn)擊網(wǎng)站上對(duì)應(yīng)的知識(shí)節(jié)點(diǎn)時(shí)，會(huì)自動(dòng)推薦幫助你學(xué)習(xí)該知識(shí)的相關(guān)資源。

比如當(dāng)我點(diǎn)擊 “編輯器” 節(jié)點(diǎn)，就能夠看到常用的編輯器及相關(guān)文章，節(jié)省了不少時(shí)間。

讓我感到意外的是，這個(gè)項(xiàng)目在 GitHub 上只有不到 1000 個(gè) star，看來(lái)真的是隱藏的寶藏了。希望這么用心的作品能被更多人發(fā)現(xiàn)，并從中受益，魚(yú)皮也會(huì)在近期給這個(gè)項(xiàng)目補(bǔ)充貢獻(xiàn)一些前端知識(shí)。

?? 點(diǎn)擊下方閱讀原文查看詳情

關(guān)于

編程導(dǎo)航是一個(gè)幫助大家高效發(fā)現(xiàn)優(yōu)質(zhì)編程資源的項(xiàng)目。不同于傳統(tǒng)的導(dǎo)航網(wǎng)站，在編程導(dǎo)航主站中，你可以自由搜索編程資源并輕松獲取。此外，通過(guò)資源簡(jiǎn)介、詳情、秒懂視頻以及大家的評(píng)論，還可以助你快速了解資源！??

在編程導(dǎo)航公眾號(hào)中，也會(huì)定期給大家推薦好的編程資源，了解更多編程小知識(shí)，不經(jīng)意間收獲成長(zhǎng)！??

有幫助的話，歡迎分享給身邊的同學(xué)，非常感謝！??