前端主要分为三大部分：html、css、js。
html：首先你得了解html各个标签的含义，如何使用，你不用死记硬背，用多了就会用了。另外H5也要去了解，毕竟它更语义化、标准化。我推荐陆凌牛写的《html与css3权威指南》。
css:关于css，我非常推荐看书系统的学习一下。单看网上的，你可能只知道怎么用，却不知道他这样用所隐藏的含义。还有就是容易产生混乱，所以还是建议看书系统学习。有些概念还是要掌握的，不然面试很容易懵逼。在这里我推荐大漠写的《图解CSS3核心技术与案例实战》。
js:这个是最复杂的。首先建议先看书了解一下基本语法，但是不推荐上来就开始读《Javascript高级程序设计》，因为它太厚了，容易给你带来压力，它更适合作为一本参考书。Js相关书籍我就不推荐了，自己上某东看看吧，适合自己的才是最好的。但是记住，不要只看不动手，因为那是永远学不会的。最后，不要忘记多做笔记呀！
其他
框架：这个等你有了一定的JavaScript基础后在开始学比较好。推荐入门jQuery,这个比较简单，容易建立信心。之后再学其他框架，react, vue, angular等。学习框架建议先看框架文档，一般配有简单入门教程。现在用的比较多的都有中文版的教程的，所以不懂英文的可以看中文的。后期可以在github上找些项目练手。能够加深你对这些框架的理解。
Node.js:这个很有必要去学习，毕竟了解后端更有利于我们发展。自己可以上网找一些好的视频来学习，此外，多看看node.js相关文章与书籍，这样会让你理解更透彻。
ES6:现在很多人都用ES6，所以还是推荐各位去了解一下。推荐阮一峰老师写的书籍：http://es6.ruanyifeng.com/。
自动化构建工具：属于加分项，你不懂也可以，懂更好。没必要都了解，选一种去学习，有时间再去了解其他的。对于webpack,暂时还没有去接触。
建议：
基础：面试最看重的还是基础，所以一定要把基础打好。书还是要多看的。《JavaScript高级程序设计》《JavaScript设计模式》等。总之要多看书。还有记得，书是一定要看多遍的。看完记得总结。
后台：很多人说如今前后端分离，没有必要再去学习后台或者。个人认为这是错误的。首先，你把前后端一刀切断，这个本身就不对了，这只会让你的路越走越窄；其次你懂后台，遇到问题方便和后台交流；再者，编程语言是相通的，你多学了一门语言，肯定会在无形之间提升了你自己的能力。最后，哪一个牛逼的程序猿只懂一门语言啊。
学习方法：每个人学习方法不一样，但是最重要的一点是要总结，然后慢慢摸索出适合自己的学习方法。个人觉得，你可以注册一个博客，将自己平时学到的，看到的，记录下来，没事也可以浏览下自己写的。无聊的时候看看别人写的博客，你会从中学到很多的。
遇到困难：如果学习中遇到不理解的，建议先百度、谷歌，一般都能够得到解答的。还是不懂再去问别人，没人可问也可以先跳过，继续学习后面的。过段时间再来看一遍，你会发现有些问题已经不是问题了。还有一点最重要的就是要学会坚持。不要三天打鱼，两天晒网。既然选择了前端，就风雨兼程。

不管天气怎样，给自己的世界一片晴朗；不管季节变换，让自己的内心鸟语花香。

心有多远，你就能走多远

丢下一些包袱后,你会惊讶地发现,原来自己可以飞的那么高

成功并非重要的事，重要的是努力。

美丽的花虽然会凋谢，可是盛开的时刻值得欣赏。要在美好的时候创造出美好的东西，人生才会充满意义。

别人能做到的 我们也是可以做到的！！！

伟人所达到并保持着的高处，并不是一飞就到的，而是他们在同伴们都睡着的时候，一步步艰辛地向上攀爬的。

每一个成功者都有一个开始。勇于开始，才能找到成功的路。

每天收获小进步，积累起来就是大进步;每天收获小幸福，积攒起来便成大幸福。

目标不是都能达到的，但它可以作为瞄准点。

不要对挫折叹气，姑且把这一切看成是在你成大事之前，必须经受的准备工作。

不要对挫折叹气，姑且把这一切看成是在你成大事之前，必须经受的准备工作。

成功的信念在人脑中的作用就如闹钟，会在你需要时将你唤醒。

成功的信念在人脑中的作用就如闹钟，会在你需要时将你唤醒。

为了向别人、向世界证明自己而努力拼搏，而一旦你真的取得了成绩，才会明白：人无须向别人证明什么，只要你能超越自己。

如果你无法忘掉昨天，就不会有一个更好的明天。

当你紧握双手，里面什么也没有；当你打开双手，世界就在你手中。

人生的奋斗目标不要太大，认准了一件事情，投入兴趣与热情坚持去做，你就会成功。

明确自己的目标，保持激情，坚持不懈的实现它，加油！