关于这个问题，太多人在问了。偶这几年一直都在从事web前端应用方面的培训普及工作，期间还公开出版过几本书，现提两点看法供参考。
第一，前端应用涉及的知识点太多，一定要首先找个靠谱的书籍或者教程（不要太厚、太长的）先对前端有个整体的认识，千万不要一头扎进某个方面学个一年半载。这样的做法，你所看到的将始终是眼前的这一小部分的“点”，而看不到“面”！而且，单纯的学习某一方面知识，很容易让人产生倦怠感，学着学着可能就要放弃了！
比如，在你对前端知识体系毫无了解的情况下，先来系统学习html的数十个甚至上百个标签，你能体会到每个标签在前端项目中的真正用途吗？你最多只是会用这些标签而已，却无法拓展自己的思路，更不可能对这些标签将来的用途有着深刻的理解。假如，你先有了一部分“面”上的知识，也简单知道了html、css和javascript在前端项目中是如何各司其职的，并对它们的用法有了初步的了解，那么，在重新学习html标签时，你可能就会思考：这个标签的样式该怎么设置？如何给这个标签添加一些事件以便让它触发某种操作行为？这样的学习就不再是一个个孤立的知识点了，而是把它们都融合起来了，学习过程也会变的更加有趣！
这种学习方法，正是本人一直倡导的“由面到点”，然后再“由点到面”。因此，偶的建议是：在有了一种总体性（“面”）的概念认知之后，你才会知道其中每个具体的“点”将用到哪里，这个“点”究竟是应该浅尝辄止还是要继续追本溯源。只有这样，才不会把时间浪费在很多琐碎的、有些甚至永远都用不到的知识点中，也才能以最具效率的方式帮助自己确定最终需要努力的方向。当以这样的方式学习时，你眼中的CSS和JavaScript可能都不再是独立的语言，也许只是页面中普通的<style></style>、<script></script>标签元素而已，这样才能真正的做到融会贯通！
第二，前端应用是离不开html、css和javascript三大基础的。在有了“面”上的初步知识之后，其实就可以找个前端框架先来练手一个小项目了。在练手的过程中，碰到没有用到的html标签属性、css样式设置方法或者不懂的js语法规则时再来找对应的基础知识学。这种“边干边学”的方式是最有效的，千万不要拿一整块的时间来系统学习某一方面的基础知识，否则你又将大概率的陷入到“从入门到放弃”的恶性循环中。
为什么要强调使用前端框架呢？这是因为，它可以让初学者暂时摆脱漫长且繁杂的学习过程，快速看到开发成果，从而增强继续学习的信心。待有了一定的感性认知与经验积累之后，回头再去看html、css和javascript三大基础，相信你一定会不时发出这样的感慨：原来是这样啊！这种“茅塞顿开”的感觉真的让人很爽！！！
请注意，偶这里强调的是“边干边学”，并不是蛮干。如果你只干不学，那是干不下去的，你也会被碰的头破血流的。前端框架永远只是框架，它不是万能的，内部的处理逻辑还需要你自己来写！
当然，新手在初始入门学习时，如果能有人带着是最好不过了。偶在头条上已经开辟了《网站开发全攻略》系列专栏：从前端的页面开发，到后端的数据交互；从PC端到移动端；从基础知识讲解到完整的订单系统实例，全包含！预计总章节数在1500课左右，建议新手可以先从其中的第1个专栏学起，学习过程中碰到任何问题都可随时留言交流。
