web前端算的上是it互聯(lián)網(wǎng)編碼中最為簡單的類別了坡贺。而且并不需要大批量的代碼，只需要能夠讀懂代碼翘瓮，制作一些簡單的表單贮折，建立交互狀態(tài)等一些比較基礎(chǔ)的工作。卻拿著令人羨慕的薪資资盅。web前端是利用html/css/js等技術(shù)完成產(chǎn)品界面的開發(fā)调榄，制作標準化代碼。頁面交互功能結(jié)合后臺開發(fā)技術(shù)模擬整體的效果呵扛。小編幫大家總結(jié)了web前端的最新學(xué)習(xí)路線圖每庆，幫助大家學(xué)好web前端。
web前端開發(fā)
眾所周知今穿，前端發(fā)展如火如荼缤灵，日新月異，而且很長一段時間內(nèi)都將如此蓝晒。這份由晚晴幽草軒軒主正在維護的教程列表;旨在為前端學(xué)習(xí)腮出、 技能提升、 視野擴展芝薇、 資料查找等行個方便胚嘲。將會在日常工作探索、學(xué)習(xí)中洛二，持續(xù)保持更新馋劈，增新優(yōu)之章立倍，除舊失之文;盡可能使得這份列表保持簡練，以避免信息過重且冗雜;望其能在浩如煙海的訊息中侣滩，堪有所用口注。
web前端學(xué)習(xí)路線圖
目標與哲學(xué)
你知道，這是一個屬于信息的大時代君珠。然而面對浩如煙海信息寝志，如見群星之于天際，鋪滿和毫無之間策添，沒什么差別;所以對于各色信息材部，需要人為刻意去甄別 & 整理;由此就延伸出各種 awesome list，譬如 awesome-vue ;隨著時間的推移唯竹，你會發(fā)現(xiàn)這些 list 將不斷膨脹;當 list 過了一定界限乐导，就又會變成負重信息;由此，也就不得不將衍生出 awesome awesome... awesome list浸颓。
當然物臂，我也贊成采取一些方法，比如更好地使用 Google产上，去合理搜索以得到想要的結(jié)果棵磷，以規(guī)避如上所言及的痛點。然而晋涣，真實的情況并不樂觀仪媒。且不說，并不是所有人都能地運用它(或便捷地運用);即便能很好使用谢鹊，對優(yōu)質(zhì)信息內(nèi)容算吩，并不能保證有可靠 SEO 保證;而且，但對于很多用戶佃扼，以英文搜索偎巢，跟習(xí)慣和喜好都不怎么對口;而它對于中文的收錄也尚需加強。如果松嘶，使用其他某些引擎艘狭，我不信你沒被煩惱過;比如上古的網(wǎng)頁、陳舊的內(nèi)容翠订、過期的信息、橫飛的廣告遵倦、惡意的聚合尽超、糟糕的排版 .....
所以，信息的整理仍需去做梧躺，比如對這技術(shù)資源教程得收集與甄別;于人于己似谁，這都大有裨益傲绣。掘金、開發(fā)者頭條巩踏、推酷等的誕生秃诵，就是鮮明例證;只不過它們是開發(fā)出平臺，然后依托于眾人的拾柴塞琼。這是很值得肯定的存在菠净，平臺、分享者彪杉、閱讀者三方完美實現(xiàn)共贏毅往。但，這可以集聚不斷新生的文章派近，并根據(jù)眾人主觀意愿攀唯，能給予一定性甄別(通過贊這種方式);但，存在的信息也還是那么繁多也雜渴丸，痛點并沒完全被解除;所以仍需對此苦下功夫侯嘀，予以探究。以下這份所維護的關(guān)于前端資源列表谱轨，就是對其一種嘗試残拐。
分類目錄
大前端綜合
Tools
Vue
React
Angular
EcmaScript
Chrome
Nodejs
Css3
Pwa
WebAssembly
Webpack
Gulp
Git
Mongodb
Nginx
UI
Markdown
Optimization
Testing
Interesting
在本文首段就有說明，這篇文章 的初衷：旨在為前端學(xué)習(xí)碟嘴、 技能提升溪食、 視野擴展、 資料查找等行個方便娜扇。將會在日常工作探索错沃、學(xué)習(xí)中，持續(xù)保持更新雀瓢，增新優(yōu)之章枢析，除舊失之文;盡可能使得這份列表保持簡練，以避免信息過重且冗雜;望其能在浩如煙海的訊息中刃麸，堪有所用醒叁。不足之處，歡迎大家補充泊业。
