web前端算的上是it互聯網編碼中最為簡單的類別了。而且并不需要大批量的代碼，只需要能夠讀懂代碼，制作一些簡單的表單，建立交互狀態等一些比較基礎的工作。卻拿著令人羨慕的薪資。web前端是利用html/css/js等技術完成產品界面的開發，制作標準化代碼。頁面交互功能結合后臺開發技術模擬整體的效果。小編幫大家總結了web前端的最新學習路線圖，幫助大家學好web前端。

web前端開發

眾所周知，前端發展如火如荼，日新月異，而且很長一段時間內都將如此。這份由晚晴幽草軒軒主正在維護的教程列表;旨在為前端學習、 技能提升、 視野擴展、 資料查找等行個方便。將會在日常工作探索、學習中，持續保持更新，增新優之章，除舊失之文;盡可能使得這份列表保持簡練，以避免信息過重且冗雜;望其能在浩如煙海的訊息中，堪有所用。

web前端學習路線圖

目標與哲學

你知道，這是一個屬于信息的大時代。然而面對浩如煙海信息，如見群星之于天際，鋪滿和毫無之間，沒什么差別;所以對于各色信息，需要人為刻意去甄別 & 整理;由此就延伸出各種 awesome list，譬如 awesome-vue ;隨著時間的推移，你會發現這些 list 將不斷膨脹;當 list 過了一定界限，就又會變成負重信息;由此，也就不得不將衍生出 awesome awesome... awesome list。

當然，我也贊成采取一些方法，比如更好地使用 Google，去合理搜索以得到想要的結果，以規避如上所言及的痛點。然而，真實的情況并不樂觀。且不說，并不是所有人都能地運用它(或便捷地運用);即便能很好使用，對優質信息內容，并不能保證有可靠 SEO 保證;而且，但對于很多用戶，以英文搜索，跟習慣和喜好都不怎么對口;而它對于中文的收錄也尚需加強。如果，使用其他某些引擎，我不信你沒被煩惱過;比如上古的網頁、陳舊的內容、過期的信息、橫飛的廣告、惡意的聚合、糟糕的排版 .....

所以，信息的整理仍需去做，比如對這技術資源教程得收集與甄別;于人于己，這都大有裨益。掘金、開發者頭條、推酷等的誕生，就是鮮明例證;只不過它們是開發出平臺，然后依托于眾人的拾柴。這是很值得肯定的存在，平臺、分享者、閱讀者三方完美實現共贏。但，這可以集聚不斷新生的文章，并根據眾人主觀意愿，能給予一定性甄別(通過贊這種方式);但，存在的信息也還是那么繁多也雜，痛點并沒完全被解除;所以仍需對此苦下功夫，予以探究。以下這份所維護的關于前端資源列表，就是對其一種嘗試。

分類目錄

大前端綜合

Tools

Vue

React

Angular

EcmaScript

Chrome

Nodejs

Css3

Pwa

WebAssembly

Webpack

Gulp

Git

Mongodb

Nginx

UI

Markdown

Optimization

Testing

Interesting

在本文首段就有說明，這篇文章 的初衷：旨在為前端學習、 技能提升、 視野擴展、 資料查找等行個方便。將會在日常工作探索、學習中，持續保持更新，增新優之章，除舊失之文;盡可能使得這份列表保持簡練，以避免信息過重且冗雜;望其能在浩如煙海的訊息中，堪有所用。不足之處，歡迎大家補充。