2017最新版web前端学习路线图

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

在本文首段就有说明，这篇文章 的初衷：旨在为前端学习、 技能提升、 视野扩展、 资料查找等行个方便。将会在日常工作探索、学习中，持续保持更新，增新优之章，除旧失之文;尽可能使得这份列表保持简练，以避免信息过重且冗杂;望其能在浩如烟海的讯息中，堪有所用。不足之处，欢迎大家补充。