web前端需要学习那些课程（学习教程、学习路线、课程大纲、视频教程）

　　

　　仔细思考了一下如何回答好这个话题，其实前端是一个涵盖面非常之广泛的一个职位，所需知识体系非常庞杂，与传统语言“想要精一行，必先通一门” 有很大差别， 前端是”想要精一行，必先通十行”。

　　下面我用一张图来展示一下前端的知识体系:

　　图片源自于网络，侵删。

　　这里面每一个logo都是前端在某些场景下可能用到，或者必须用到的知识体系，可以用驳杂来形容，而且前端的生态及体系还在不断的扩张之中。

　　当然你可以跟着潮流去学习，比如现在主流的三大框架 VUE，REACT，ANGULA，我同样见过很多半路出家的前端，入门开始便开始使用VUE进行业务开发，但是这样的前端工程师在成长的路上会受到非常多的阻碍和限制，在职业发展之中瓶颈期往往在一年左右就会到达，会存在无数个为什么，怎么解决，怎么办，同时在这个过程之中不断完善自己的技术栈，在痛苦和阻力中学习，稍有不慎便坠入万丈深渊，不是把自己的心态学习到爆炸就是抱着上坟一样的心情去面对每天无法解决的问题上班，所以针对于这个问题，前端的体系我感觉非常的重要，也可以说是前端的重中之重。如何做一个底层扎实的前端，不畏惧任何技术迭代，可以笑对日渐繁荣的前端行业，“地基”显得尤为重要。

　　基础篇 : HTML,CSS

　　1. 视频学习

　　这种基础课程可以说非常的多，在网上跟着视频学习，短时间之内就可以实现一些非常cool的效果，但是请注意，如何才能有效的学习那? 如何在数量庞大的视频中选择我们最需要的内容那? 这可能是我们需要关注的 :

　　视频网站 ： 推荐慕课网

　　可以找到一些非常不错的免费视频，通过一个体系的学习对内容有一个初步的了解，但是这类课程有一个问题，就是很多都是华而不实的，为了保证吸引力而存在的视频，不否认有真东西，但是学习效果和知识体系还需要根据MDN，或者W3SCHOOL这列的文档说明类网站去补充，完善。

　　在这里补充一个小窍门，在神奇的某宝购买一些培训机构的随堂视频，这种视频是机构上课时候发给学生的，被很多商家收集起来，价格极其便宜，比较适合学生党购入，这些视频之中的干货可以说还是有一些的，目前行业之中比较推荐的是千锋H5的视频，干货比较多,体系非常完整。

　　2. 读书

　　枯燥乏味的书咱们在此就不推荐了，这里就推荐一本非常有意思的让人眼前一亮且有收获的书，张鑫旭的<>，好看且干货满满。

　　进阶篇 : javascript

　　也就是传说中的JS，这个不多说，推荐一本书<>第三版，这个毫无争议前端必学的东西，学了他之后提升飞速。

　　学习了这些可以说已经打开了你前端世界的大门，接下来的学习选择性很大，涉及的内容大体是webpack，gulp，工程化等一系列的内容，推荐找一个靠谱的在职人员给予适当的建议和推荐。