如何提高web前端开发能力

Question

最近一直感到很困惑，看了js高程3，从语法到原型，继承的认识，对函数的封装，了解前端还要会模块加载，grunt的使用，打包工具webpack，应该遵从一个怎样的学习过程，希望大家能给些建议！

Answer 1

我在知乎回答过一个类似的问题(貌似是我第一次在知乎回答)，现在复制过来：

貌似是第一次在知乎回答问题。张铮铮的回答看似很乱，涉及到的东西也多，说的应该是自身的经验和体会。
涉及到语言层面的，协作管理方面的，开发部署方面的等(有些已经不局限于前端)。
前端要学的东西很多，很杂，很乱，很容易让人迷失，不像后端那样系统化。
前端的学习最好要分阶段，还要根据自己的实际情况和兴趣爱好来。
javascript+css+html是基本的知识点。
第一阶段：学习基本知识点(语法为主)，会用即可，不懂就多问；
第二阶段：模仿学习为主，多看一些优秀的前端框架的设计；
第三阶段：知识重塑阶段，将自己以往学的东西系统化，已经有了一些自己的想法；
第四阶段：将自己的想法实现；

越往后，你越会觉得语法，框架，工具都是次要的。
虽然说的都是大道理，坚持下去了肯定有所收获的，始终保持学习的心态是最重要的，别仅仅局限于前端。先选择一门语言，学精通，然后学习其他的都会很快，可以说水到渠成，自然而然。

第一次回答，希望对刚从事前端这行的有所帮助！

作者：hanji dong
链接：http://www.zhihu.com/question/22146521/a...
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

补充说明：
把JavaScript当做一门完整的语言来学。我个人一直这么认为，js和我们小时候老师经常提到的散文一样——形散而神不散(所谓的神，就要靠自己在学习的过程中总结领悟)。
兴趣+坚持很重要，当然最好的学习其实是在工作中，个人业余学习主要是语法层面的，工作中具体的项目会让你思考怎么解决问题，怎么处理问题。

Answer 2

第一步，你需要知道这些工具的名字。
第二步，你需要知道这些工具解决什么问题。
第三步，用上这些工具。
恭喜你，你已经完成三分之一了。

Answer 3

基础的东西，多学多看多练吧。
新东西的话，这几年前端技术发展很快，所以会看见出现各种各样的新东西，个人觉得重要的是明白它们出现的目的，即它们在解决什么痛点。然后是它们是怎么解决的，顺便膜拜一下大神的代码。有精力自己也可以想想能否解决痛点，或者造轮子什么的，不觉得造轮子是浪费时间的事情，毕竟有些东西想尝试或者练习还真只能通过造轮子，轮子造的好就成新轮子了呢 =.=

Answer 4

在知乎上搜索相关问题，也许可以解决你的困惑。