2019零基础自学前端路线规划

这几年因为前端领域的需求量愈来愈大，涌进来的人也多了。对于小白初入门学习时，容易陷入理论派，一看就懂，一动手就懵，且还不知道到底如何系统的学习，赶上问题不只没法解决，搜索到的答案也看不懂，常常是学一两个月就感到迷茫怀疑本身是否是不适合学习编程，这是自学的常态了。不用怀疑，我初学时也是，如今回过头无比庆幸当年碰见我师傅帮了一把最后坚持学下去了，否则如今可能就不是个前端工程师了，说不定连对象都早找到了(︶.̮︶✽)（哈哈，调侃一下不要当真，对象会有的！(^_−)☆）。形成这种现象的缘由主要就是学习路线没有规划清楚，就给你们推荐下我总结的学习路径和方法吧！

入门

1. 首先前端的入门是从最基础的网页制做开始，也就是说你须要掌握基础的网页布局能力，得使用html + css达到能实现任意静态网页布局的程度。html + css 这部分技能优先推荐在MDN上学习， 若是打不开那么推荐看菜鸟教程，这个网站里每一个知识点都会有个知识点练习。须要注意的是这些学习网站都是文字描述，只有知识点的解释，更多的仍是须要本身去写小案例去实践，找不到合适的案例能够在网上任意网页挑一区块进行布局练习。若是更喜欢视频讲解的方式像慕课、codecasts均可以，这类网站挑选课程注意看时间和好评度，通过这些学习后实现通常的静态网页布局几乎没问题，到这里就能够开始尝试去写常见的网页来巩固了（例如：天猫、京东这样的）。
2. 下一步是开始学习js（ javascript的简称），js里的坑多，光它就够学一生的，因此前期的学习只要求先学个js的基础，依旧是建议在MDN或者菜鸟教程上学习，将js基础知识都学过一遍。须要注意的是在学习js时段里，容易陷入抓狂的困境，由于只学了基础概念没有本身的编程思路，那么在写js案例时，尽可能独立解决案例，建议把大问题进行拆分，画辅助图来拆分红小问题，分析总体实现步骤，根据每一个步骤去想哪些知识能够实现该步骤，无论写的有多烂，最终能实现出来就是你本身的一种思路。写完后再思考下若是换种思路能不能作出来，若是作得出来就尽可能作，实在作不出来就放弃，去看答案或者别人的代码，去分析别人的代码实现思路是怎样的，这对你本身来讲就是得了一种新的思路。学习编程必定要多看别人的代码去借鉴学习提高本身的思路，但必定得是先思考动手过，不要盲目看别人代码，否则容易产生依赖，独立思考能力得不到提高。

初级
​ 作到这一步已经有一点基础了，但要实现复杂的页面仍是有难度，因此下面就是对所学技能深刻学习。

1. css部分：强烈推荐看张鑫旭的《css世界》学习，这本书里对css的原理十分深刻，文本描述生动有趣，小白也看的懂，看完这本书后会打开你对css新的认知，各种css复杂概念也可以理解了。
2. js部分：前面学习的那些实际上只是js的一些基础，进一步学习建议看书。前端必看的书单目录按顺序以下：
   《javascript语言精粹》先从这本书开始看起，帮助你快速区分js语言中的精华和糟粕，抓重点学习
   

   《JavaScript高级程序设计》，通常叫红皮书，深刻讲解了js里各种组成部分，长这样：
   

   《你不知道的JavaScript》，这书分上中下三本，深刻理解js语言内部的机制，打扎实原生js基础，下面我就放一本的封面图片（另两本封面几乎一致就不放了，图大）
   

这阶段是开始学习前端开发的主流框架，必定得有扎实的原生js基础再来学习框架哦，由于我之前看过太多能使用框架开发却对原理不甚了解的前端工做者了，实际上这对将来的前端发展之路是极为不利的。须要知道框架都是用来解决复杂问题、提高效率的，而大部分前端框架自己都是创建在js的基础上得来的，js原理不理解的后果就是框架开发中一旦遇到点问题就傻眼很难发现问题缘由，解决问题就更难了，若是一直保持这样的状态下去前端开发路就算是看到头了，因此必定得学扎实js。

node.js：node.js让js能在服务器端运行，node官方文档有点晦涩难理解，推荐看《了不得的node.js》书入门。后续深刻学习node推荐《深刻浅出Node.js》


vue ：vue的学习推荐看vue官方文档，建议将其中的示例都本身练习一遍，加深记忆和理解。

react、reactnative、angular建议直接看官方文档学习，深刻学习使用的书籍去图灵社区搜一下，口碑好评度高的几本都很不错，这里我就不放出来了。

以上是不少公司要求使用的主流框架（包括但不限），至于学习顺序不必定要按照上面的来，由于如今你能够开始找工做了─=≡Σ((( つ•̀ω•́)つ，能够根据工做要求来决定前后顺序。学习中必定要掌握git、svn、webpack工具的使用，以及多去看别人的好项目源码，拓宽视野，推荐去github，这里有不少好的项目，研读源码对你帮助会很大。

中级
​ 到这阶段更加注重编写高质量的代码，主要四个方面：高性能、易维护、可读性强、代码规范。此时估计你已经工做一段时间了，基本上也能应对工做的一些需求了，但前端学习之路没有尽头，要成为更专业的前端程序员还得继续努力哦（用爱发电加油ᕦ(･ㅂ･)ᕤ）！推荐看书：《高性能JavaScript》、《数据结构与算法JavaScript描述》、《同构JavaScript应用开发》、《图解HTTP》。建议学一门后端语言，不为别的，语言到必定程度不一样的更多就是语法特性了，掌握一门后端语言拓展你的视野，对开发中先后端分离等了解会更深。说了这么些，更多的仍是须要运用到实际项目中。

高级
​ 以上我都只是说了学习路线和方法，后续再如何发展你能够看 高级前端工程师的招聘需求，须要掌握的技术不必定相同，因此你能够根据本身侧重方向来制定将来学习计划！

---------------分割线：若是有问题或者更好的建议欢迎评论或者私聊！谢谢！另外禁止转载，感谢！-----------------