Obj.Tube 出品的開源免費(fèi)前端學(xué)習(xí)路線，分階段學(xué)習(xí)，每個(gè)知識(shí)點(diǎ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)站中自由探索。

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

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

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

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

更棒的是，這個(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，看來真的是隱藏的寶藏了。希望這么用心的作品能被更多人發(fā)現(xiàn)，并從中受益，魚皮也會(huì)在近期給這個(gè)項(xiàng)目補(bǔ)充貢獻(xiàn)一些前端知識(shí)。

網(wǎng)站地址：https://www.code-nav.cn/rd/?rid=b00064a76018de96025ec22f218e8e6e

公眾號(hào)：編程導(dǎo)航