对于零基础的学员来说：初接触一门技术，想要去了解他，并掌握它，是不是觉得有点无从下手，不知道该学习什么？该先学哪个后学哪个？

今天一位资深web前端工程师，用他多年从事web前端工作的个人经验总结出一套正确的学习思路，分享给你们！

具体来说，前端方面的知识从重要程度来排，应该先后学这些：

第一步学习基础知识

api学习，系统地学，可以看看这个方面的书，不要只零散地看网上文章，这个书钱要舍得花。前端领域，这个方面我推荐看看《javascript高级程序设计》和《html5和css3权威指南》。

第二步学习一些编程技巧

学习一些编程上的技巧，比如面向对象，组件，api设计，推荐几本书《js设计模式》《head first设计模式》和《代码整洁之道》。

第三步学习一些框架

学习-除jqury之外的一两个框架，因为jqury只是个库，算不上框架，加上jqury ui也仍然只是个库。学学两个前端框架，再学一个后端框架，加强对所谓框架的理解，回头再来做框架选型，就可以有自己的理解和态度了，而不是跟风。

第四步学习一些编程工具

然后学的是工具类的，比如预处理器，打包工具，调试工具，开发工具啥的，less，sass，coffeescript，grunt，git，vim之流，晚点学不会死，甚至不学也不见得有啥问题，这种工具类的，一周一个，一下就入门了没啥了不起，关键在于实不实用，不实用不用也罢，而实不实用就见仁见智了，我个人是不怎么待见的。

第五步学习各种框架类库

乱七八糟的各种框架类库，这种东西看看就好，真有空就看看，多学点东西总是好的，不见得要用，看看人家设计理念也是好的。只是这种东西每年都出一波，然后大部分很快就消失了。真正能活下来的，还是能顺利成为工业标准的东西，比如jquery和requirejs。

这只说了标准前端，建议大家在学习之前，不是想着赶紧掌握，用最短的时间学会，而是先想清楚，哪些东西是最核心最重要的，哪些是辅助性的，哪些是噱头很可能只是昙花一现，哪些是花拳绣腿，哪些干脆就是屠龙术。这么多待学的东西，你的时间真的值得花在错误或者不实用的地方吗？

这里推荐一下我的前端学习交流扣qun：784783012 ，里面都是学习前端的，从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴。2019最新技术，从企业招聘人才需求 到怎么学习前端开发，和学习什么内容都有免费系统分享。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!

点击：  加入