其实前端是一个涵盖面非常之广泛的一个职位，所需知识体系非常庞杂，与传统语言“想要精一行，必先通一门” 有很大差别， 前端是”想要精一行，必先通十行”。

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

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

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

如何做一个底层扎实的前端，不畏惧任何技术迭代，可以笑对日渐繁荣的前端行业，“地基”显得尤为重要。

基础篇 : HTML,CSS

1. 视频学习

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

一个人学习会有迷茫，动力不足。这里推荐一下我的前端学习交流群：731771211 ，里面都是学习前端的，如果你想制作酷炫的网页，想学习编程。自己整理了一份2019最全面前端学习资料，从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴，有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。

点击：加入

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

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

2. 读书

《JavaScript DOM 编程艺术》

超级前端畅销书，作为前端程序员必读两遍以上的书籍，这本书籍特别适合初学前端的新人，前端的核心技术就是JavaScript，同时也是前端的难点。而这本书非常适合入门，通俗易懂，生动的案例可以让初学者更好的进行理解。所提及的很多编程思想却适合低中级层次的前端开发者学习。

JavaScript DOM编程艺术

《JavaScript权威指南》

同样是前端程序员必读的一本书籍，不仅适合初学者，还适合那些已经在做前端工作的程序员进行随时翻阅。里面涵盖了JavaScript的所有内容，以及web浏览器所实现的JavaScript API。对于了解js的基础知识，比如对象，数组，语法，作用域，闭包等等都很有帮助。

JavaScript权威指南

《JavaScript 高级程序设计》

如果你想把JavaScript非常完全的系统学习一遍，我强烈推荐这本书，这本书可以一直保留，在用这本书的过程中还可以画下重点，以后可以作为参考，是工作中非常强力的帮手。面试的时候也可以很好的应用上，我们俗称的“红宝书”。

JavaScript 高级程序设计

《你不知道的JavaScript》

这本书不适合前端的初学者，想要深入的了解JavaScript原理，这是每一个前端程序员必须要研究的一本书籍。要让不求甚解的JavaScript开发者迎难而上，深入语言内部，弄清楚JavaScript每一个零部件的用途。如果可以把这本书吃透，那么以后理解任何东西都可以很快的理解和掌握。

《编程之美》

无论是什么岗位的程序员，必读的一本书籍，没有读过这本书的程序员几乎都是假程序员。这本书有60道算法和程序设计题目，这些题目大部分在近年的笔试，面试中出现过，或者是被微软员工热烈讨论过。作者试图从书中各种有趣的问题出发，引导读者发现问题，分析问题，解决问题，寻找更优的解法。可以大幅度提高自己的编程思维和对于这个行业的深入思考，最终变成技术大牛。

学习了这些可以说已经打开了你前端世界的大门，接下来的学习选择性很大，涉及的内容大体是原生js，设计思维，后端语言，全栈学习。