曾经有不少人问我该如何学前端。以前，我会这么做

• 给他们介绍前端要学些什么。
• 给他们推荐一些优秀学习资源。

但是，学习的效果并不好。最近我读了些关于学习方面的书，觉得学习需要方法。下面我按照重要程度一个个来说。

心态

无论你所求何物，都要竭尽精诚。如此一来，即可成真。

如果，你是抱着学着玩玩，学不会也无所谓，甚至是抗拒的心态来学前端的话，一定学不好前端。前端不是一时半会能学会的。在学习的过程中，会遇到一个个困难。这时，消极的心态会让你就打退堂鼓，或者三天打鱼，两天晒网，学的还没忘的快。。。

如果，我们抱着积极主动的心态去学前端。每天都学习一点，进步一点。遇到问题主动的去找解决的办法，不怨尤人。我相信，你一定可以学好前端。

学习计划

学习计划可以让你学习有目标。

学习前端，主要是学 HTML，CSS 和 JavaScript 。我们可以参考慕课网的《前端工程师》来制定具体的计划。

制定的计划要合理。计划如果定的太重，只会让人焦虑，沮丧。如果你之前对制定计划没什么经验，那制定出不合理的计划很正常。通过把实际完成时间和计划时间做对比，来不断了解自己，不断的调整计划。慢慢的，你制定的计划会越来越合理。

如何对抗半途而废

很多时候，坚持比智力更重要。

坚持不是件容易的事，何况现在的外界干扰那么多。我的建议如下：

培养每天都学一点前端的习惯

每天计划一段时间来学习。

• 如果发现自己想要拖延，逼自己坐下来，告诉自己，短暂的痛苦是值得的，想象你学成前端后的美好画面~
• 如果在学习过程中，发现自己会被环境干扰，如常常看手机之类的，建议关闭手机，去图书管之类安静的地方学习。也可以尝试无视干扰。
• 每天学习之后，给自己一些奖励。没有学习，给自己一点惩罚。

慢慢的，你学的越好，就越想学。

加入学习小组

学习小组的成员，每天都要完成制定计划。互相监督。如果没有完成的，会有惩罚措施，如给大家发红包。

学习方法

学习方法目的让知识变成自己的理解的知识。

掌握知识的过程，就是理解知识，巩固知识的过程。理解固然重要，但如果不巩固，很快就会变得不理解，特别是对复杂的概念。

我的建议如下:

• 学习分清主次。先学最核心的。对非核心的，只了解就好。到要用到的时候，去深究。
• 要循序渐进，不要一天学太多的东西。连续学一会后，要放松一会，给大脑消化的时间。
• 我们读了一篇教程后，尝试不看教程，回想教程的内容。如果有些内容忘了，再去看。直到能完全复述教程内容。这样可以加深对教程的理解。
• 如果教程讲解的概念你不能理解，不妨多看看其他教程对这概念的讲解。有可能换种讲述方式，你就懂了。
• 理解某概念不仅要知道是什么，还要知道它的应用场景。
• 理解某概念后，要做笔记。方便自己复习。可以将概念写在小卡片上，方便随时查看。推荐大家写博客，用博客当笔记用。
• 理解某概念后，要做练习题。如果做不出练习题，不妨看下答案，理解后，自己再做一遍。
• 当学了不少概念后，要对分散的概念进行分类整理，慢慢的整理出自己的前端知识树。比如，CSS 中有很多属性，可以将 color， font-size，font-weight， font-family，line-height 等归类为字体相关属性。
• 时常复习。复习包括，回忆下概念，如果想不起来来，就看看笔记，做做练习题等。回忆可以在散步，洗澡等放松的进行。如果不复习，就可能出现，学的比忘的更快的情况。
• 有时碰到难题，想了很久也找不到解决方案。不如放松一下，散个步之类的。在放松的过程种，可能会零光一闪。
• 充足的睡眠和定期的体育锻炼能提高人的记忆力和学习能力。

最后，给大家推荐几本书

《学习之道》
《CSS 揭秘》
《JavaScript 语言精粹》
《编写可读代码的艺术》

希望大家都能入门前端~

本文来源>>http://www.imooc.com/article/15801