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

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

推荐阅读更多精彩内容

  • 众所周知,前端发展如火如荼,日新月异,而且很长一段时间内都将如此。这份由晚晴幽草轩轩主正在维护的教程列表;旨在为前...
    晚晴幽草阅读 1,072评论 0 12
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 161,700评论 24 692
  • 前些日子从@张鑫旭微博处得一份推荐(Front-end-tutorial),号称最全的资源教程-前端涉及的所有知识...
    谷子多阅读 3,419评论 0 45
  • 今天练核心力量 热身:依旧快走10分钟(为了提高心肺功能) 常规训练:四个动作,做三次 第一个动作,平板支撑30秒...
    媛宝ok阅读 100评论 0 0
  • 每个孩子的心里都有一份被封藏的爱。如果我们老师不去打开这把锁,不去小心唤醒这份爱,那这份爱就会永远处于冬眠状态。正...
    缘梦_17bb阅读 215评论 0 0
  • 喜欢触摸阳光的感觉,暖暖的,穿透指尖,洋洋洒洒地落入心房,突然被填满得喜悦,莫名的知足。 曾几何时,这样的感觉已经...
    孤岛是海心上的疤阅读 90评论 0 2