学 Web 前端开发，培训还是自学靠谱？

学 Web 前端开发，培训还是自学靠谱？自学网上爱创课堂前端视频能学会吗？

先说明问题：想转行做web前端开发工作，但是无从下手。询问别人有的说是培训比较靠谱，也有说自学也没什么问题。所以想在这请教一下师兄们，集思广益，但求少走弯路。
**************************************************************
情况：本姑娘普通二本院校14级毕业生，电子信息工程专业学嵌入式开发。毕业后由于一些什么“铁饭碗”、“工作稳定”、”国企有发展“之类的原因，家里在这边给找了一份银行的工作，现在工作一年。一年的工作终于发现这跟本不是我想要的生活，于是果断辞职。期间在看爱创课堂课堂1000集前端视频
http://www.icketang.com/2018/News_0226/92.html，觉得讲的很好，但看到JS的时候自己就比较懵比了

*************************************************************
所以在这里还是想询问一下，如果我想做这些究竟是找一份工作一边工作一边自学，还是找一个直接去培训学习更靠谱一些。第一次在知乎提问，求大神指点迷津。多谢了。

内个……泻药……
不知道为啥邀请俺回答这个问题，从日志上看它已经有一段不短的日子了。现在不知道题主学的怎么样了，是否已经成功？
不管怎么说，看着题主是个软妹儿，我就瞎叨叨几句吧。
对我来讲，更倾向于自学，因为我这种老古董前端，学的时候行业还是一片空白呢，也没什么培训班可上。结果可想而知，就是只能靠自己硬啃，培养出来的习惯也是一直自己硬啃未知领域的内容。好处肯定有，学来的基本都是一手知识，学的过程中遇到的问题，也会较为深入的思考、测试、研究。现实总是利弊兼半的，坏处也一堆，啃骨头时间长，正向激励很少，要多次战胜放弃情绪。年轻时候精力跟的上学的快、热情度高。现在俺岁数不小了，精力、热情都在消退，大概率也会逐步进入学不动的状态。
因此，对于其他人问类似问题，个人建议，还是根据自身情况来定是选择自学还是培训。
如果是相关知识一片空白的情况，强制建议去自学，估计也学不会什么，那么只有报班学了。同时再有学历背景不够本科的问题，那最好还是放弃培训班后找到高薪工作的想法，先按兴趣爱好来学。然后找机会进小公司微型公司，算入行了以后再徐而图之进入大厂拿到高薪的机会。
回到正题，对于题主这类情况的，二本电子信息工程专业学嵌入式开发，好歹专业对口。只是不知道为啥自学到JS就犯愁了呢？讲道理，JS 可比 C 啥的能嵌入式开发的语言好学多了，核心内容就 ES 那些，剩下的都是包出来 host api，这些基础性质内容无非是杂了点，但可真算不上难。
俺看了题主发的内容，大致上是 JS 标准 API -> 浏览器 DOM 相关 -> 常见 DOM 操作包装库。个人感觉并不难，也不知道题主为啥觉得 JS 抓瞎，有具体问题其实可以去社区提问啊搜搜啊自己测试下啊找个答案啥的。实话说，开发这东西吧，没啥可多说的，会不会就层窗户纸，怎么捅了它，无非就是多写多试多练。
当然，题主如果真没有太多精力去自己啃这些相对繁杂琐碎的内容，报个培训班也未尝不可，正如上面讲的，这种事情因人而异。毕竟现在早不是蛮荒时期了，题主要学的也不是某些几乎无人涉及的高精尖领域。关键题主学历是可以的，专业也可以说对口，学个前端吧，找个工作大概率是有戏的。因此找人教帮助自己快速入门快速找到学习方法，快速了解项目实现过程，快速上手开发总是有益的。
你知道的，俺是基本自学的，对于培训班啥的真是不了解，只能从近期看到的培训相关内容里随便叨叨了…… 嗯……俺觉得吧，要是整培训班学呢，起码要找个行业相关企业的班去学吧。毕竟更了解现在企业内常见项目情况，也能从企业内获得一线员工作为讲师的。起码不能找像俺这样成天 ES 规范啊，浏览器实现啊这种挂嘴边上的培训师，可能作为高级前端的知识储备可以，入门则绝对不合适。以为那离业务太远了，对实际项目真没什么卵用。
如果要说可能比较合适的类型，估计是俺之前看 @justjavac 发过一个拉勾网的前端培训兴许合适（其实就是俺好奇手贱点进去研究了下）。拉勾么，不就是搞招聘的，企业要啥样的人，啥样的能过，这种企业肯定门清的说。而且看起来它有两种班，一个是0基础的《前端0基础就业集训营》，另一个对标阿里 P7 的《大前端高薪训练营》内容更有深度和广度一些。俺估计第一个就合适，如果题主现在已经入门且小有心得了，估计能去第二个。
俺用前端改滚动条的技能把第一个的课程大纲截图了，题主可以先看看：


如果题主现在已经入门了，要冲击高级技能，就可以看看后一个。


传送门是这里：
拉勾教育 - 拉勾旗下教育平台 都说到具体培训班了，俺肯定要顺便强调一点，去培训班要端正心态学技术，最好不要沾染简历造假的风气，虽说俺个人也无法约束这种不好的行为吧。俺作为面试官面过太多人了，造假简历就算是能瞒过HR，到了面试官这边是总能被识别的，要知道不是瞒过一个面试官就可以的，通常要瞒过3个左右才行，概率太小了，得不偿失。而太多造假导致面试难度的门槛不断提高也确是事实。
敲爽了，再吐槽一段吧，培训班出来啊，写简历上点心，别把班上教那几个项目就往上怼。俺们看简历时候成堆的类似项目，仿这个APP仿那个Site的，真当看简历的是傻子了…… 还有不写仿什么的，可见简历上公司名字和项目明显对不上好不，比如某个不知名公司的履历，项目写实现了微信小程序？？！什么鬼？？！
俺的建议啊，真要是学的好，自研几个库啊框架啊什么的吧，一个是能总结下学的东西，还能锻炼下编码能力，提高一些思维抽象度。比如试着自己写写播放器，可以实现简单点的，但是字幕啊，弹幕啊什么的常见功能要加上。或者写个富文本编辑器，建站工具之类的，也不用全都实现完善，可以自己拆分模块去做，也是很锻炼思维的。最最重要的是能从一帮相似的简历里区隔出来，并且在面试时候能表达出为什么这么实现，技术细节啊，难度啊，有哪些，自己是怎么考虑与取舍的。面试者能回答好类似这些问题，对面试官来说也是很重要的，俺们面人时候最愁遇到那种项目上就傻写，完全不思考的人。
就酱紫了……想要了解更多的详情，可以点击链接进行咨询哈：
拉勾教育 - 拉勾旗下教育平台最后最后对于类似问题总结个脑图镇楼，以后类似问题俺就指望贴这个图不重复叨叨咯

利益相关： 开培训班的...
先说结论：
培训一定是会加速学习进度的，也一定会对学习有帮助，你要么选择自学，要么选择培训同时自学，但并不存在只是培训而通往成功这条路。
在工作岗位中，身边的人大多都是自学，对于培训班的态度往往是比较不屑。
从一开始Android培训，到去年大热的iOS培训，再到今年如雨后春笋般冒出来的前端培训。（很多地方还叫做H5培训吧）
我能知道的有些培训机构因为看到近两年前端大热，就直接把教UI的老师搞来教前端，可想而知最终培训出来的最好结果就是个重构工程师，距离现代前端的要求还是有很大差距的。
我们可以想一下，如果前端这么简单，随便零基础做4个月就能上岗高薪，那是不是iOS的人自学两个月就可以了？后端的人自学一个月就可以了呢？那他们为什么不转去做前端呢？
因为在现代开发流程中，前端承担了更多工作内容，所以才会对前端的需求激增。
（前两天在群里有人问的，简直触目惊心）



所以找培训其实是件很难判断的事情，老牌的培训机构基本上是跟着热点在开班，java班招满了就扩班，web火了就开课，老师不够高价招，招来的老师水平参差不齐，反正在座的都是小白，瞎特么讲也没人听得出来，周末看一个视频里，授课老师说“class是企业开发中常用的方式，id和style不常用”，我真是一口盐汽水就喷出来了。
培训班主要盈利是靠学生量，那么把成本投给招生营销，显然比投给课程开发要划算，于是乎很多培训机构的前端培训课程都是“年久失修”，跟不上时代的，比如现在还要讲IE6的兼容，简直是个笑话对吧。
相比之下，一些小作坊一些的培训机构反倒靠谱一些，因为只有几个班或者一个班，讲师就是创始人，讲课质量有保障。同时因为是一线技术出身，对于重构和JS会兼顾的比较好，有些机构的JS课程也有相当难度，是针对已经入行一段时间的同学做加强提高的。这种提高班的课程对教案和老师的要求比较高，因为学生也都不是小白了，不是随便照着W3school念念就能糊弄得过去。
可以给你们讲一个经验：但凡能做前端在职提高的讲师，往往是比较靠谱的。
其实培训机构和培训不是两个等同的概念，培训机构是以盈利为目的，而培训则是系统集中的去学习，这和在工作之余用碎片时间学习有着很本质的不同。
从学习方式来看：
自学通常是通过视频和博客来学习，这其中的问题在于，一开始的时候没有一个整体的知识框架，反正哪里不会点哪里，零碎得来的知识无处安放。
今天背了一些概念，明天做了几个实例，学了一段时间发现，背的概念不知道怎么用，做的实例不知道怎么举一反三。
培训班可以比较系统的梳理知识点，并且设置合理的练习题，及时的对知识点进行实践，这是系统学习比起零散学习的一个很大优势。
从学习进度来看：
前端知识点比较琐碎，自学的时候很难知道自己到底学到了多少知识，距离工作岗位的要求还有多远的差距。毕竟我们看到招聘的要求都是“精通HTML，CSS；掌握JS开发，熟悉原生JS原理”之类的，怎么可能知道到底什么叫精通啊，什么叫了解啊是吧。
另外就是自控力的问题，一个人看视频真的特别特别难，尤其是不知道到底要多少时间能学到什么阶段的时候，非常容易有挫败感，容易放弃。
从职业规划来看：
自学的时候一直是站在一个小白的角度，仰望这技术圈。你觉得这群人很神秘，你不知道他们日常是什么样，也不知道如果自己的以此为职业的话，会是怎样的体验。而一些有实力的培训机构，可以让大家提前接触到一线的程序员，甚至参观体验大型的IT公司，这是自学完全不能获得的资源。
从求职就业来看：
当你觉得学的差不多了，可以开始找工作的时候，怎么写简历，怎么投简历又是一个困难的问题。面试官更看重什么方面，自己的知识储备能不能达到面试要求，不足的地方在哪里，这些基本是两眼一抹黑的。这时候有行内的人稍微点拨一下，甚至就是各大公司的面试官给予一点指导，可以在求职路上少走很多弯路。
------<hr />------
自己就是培训机构利益相关的人，但是尽量还是说的比较中立（你看，我都没有打广告讲我们机构有什么特点，连名字都没说...）
因为这个问题里面有很多对培训机构无脑黑的答案，我们还是要理性想一下这个问题。

如果一个行业都是由骗子构成的，为什么这个行业还会存在？

可不可能一个机构创造不出任何价值，却一直做到了上市？

培训机构就真的没有好老师么？好老师为什么教不出好学生？

这些问题的答案和我们对培训机构的第一印象显然是矛盾的，那培训行业到底是哪里出了问题呢？
这个问题就是：招生
机构变大之后，一定会扩招，扩招就带来了两个很大的问题：师资力量不足；学生基础不好。
前端这个行业很年轻，而旧时代的前端和新一代的前端差别非常大，如果一个有着超过5年开发经验，能够胜任“全栈”岗位的前端工程师，显然可以拿到比培训讲师更高的薪酬，以及更高的社会地位。
所以我们能看到的一些“资深讲师”，很多是做了多年讲师，但其实自己根本就没有在现代前端时代有过从业经历，眼界跟不上时代，自然也很难培养出高级人才。
不吹不黑，某知名UI培训机构推出全栈开发课程，为期四个月，我们看一下高级部分的大纲：


也就是到了js皮毛的水平，nodejs丝毫不提及，工程化碰都没碰，学会JQuery就算是高级进阶了。
这不是坑人么，因为自己比较熟悉UI部分，所以动画效果的内容安排倒是很多，各种酷炫动效，花式切图，编程完全水过去了。这样的前端出去只能走重构方向，也完全没有职业的眼界，不知道进阶的道路是什么。
至于学生基础问题，随着扩招，一定有更多基础不足的学生入学。
大专非计算机专业学历，觉得前端简单，就来上了四个月课，然后梦想着毕业就能高薪就业。
你们不要太瞧不起上了四年计算机专业的一本学生好么！
比你聪明，比你一路都受过更好教育，学了四年计算机相关知识的人，也未必可以高薪就业。
你凭什么觉得自己突然想要努力了，四个月时间就会比别人家四年都厉害。这可能么？

可能
前提是，如果
你的英语可以有四级水平，或者能硬着头皮去查看英文文档，
你的逻辑思维非常清晰，
你能读完并理解几本经典教材，
你肯每天花12个小时以上投入到编程中，
你能在四个月时间里面切完至少五十张图，
你能在github上坚持120天连续提交代码，
那还是可能成为一个合格的前端工程师的。
培训机构最多能够带来一个契机，不能够带来奇迹。
------<hr />------
最后讲个自己的事情，送给想通过培训走上前端岗位的同学。
高考前一个月的时候时候，有一天晚自习，我们英语老师和一直英语成绩不好的我说

“你现在这个时候努力已经没有用了“

”要玩命才行”

6首先：
不要因为别人说前端简单而学前端，说前端简单那是因为那群人不会前端
----------------------------------------------------------------------------------
其次：


我是感觉这个算不上自学吧，dw不是拖拖元素就能做出网页么，然后在dw里面的效果和浏览器里面的效果差的不是一点大#
---------------------------------------------------------------------------------
最后：


你真的不在考虑考虑么？不能做我所爱，就要爱我所做啊，毕竟互联网的水还是比较深，你真的考虑好了要来么？可能来了就再也回去不了。
--------------------------------------------------------------------------------
最后的最后：
要不咱俩换换吧，让我去银行好不好，宝=͟͟͞͞宝=͟͟͞͞好=͟͟͞͞想=͟͟͞͞去=͟͟͞͞银=͟͟͞͞行=͟͟͞͞数=͟͟͞͞钱=͟͟͞͞到=͟͟͞͞手=͟͟͞͞软=͟͟͞͞
-------------------------------------------------------------------------------
回到正题：
自学还是去培训机构。
就我身边的同学来说，大一刚入学的时候，被各种培训机构拉拢啊，然后有好多同学都去报了这些，但是最后坚持下来的屈指可数，一来是因为当时大一，没什么压力，所以就没好好学（到最后大三的时候同学去报培训班，学的那叫个认真啊），二来，可能由于人本身的惰性，在学好学校里面的老师教授的课程之后，总觉得学外面的课程是锦上添花，可有可无，所以就有多了个不去培训机构的接口。
感觉培训机构里面，会教你“21天学号HTML5”，“21天学号CSS3”，“21天学号Jacascript”，然后总共下来一个月你就能够成为他们最里面说的“月入n万的互联网精英”，殊不知，培训机构里面整个过程可能只会让你用HTML+CSS+JS去做一个“图书馆管理系统”，然后这个就是你以后写在简历上面的项目经历，讲真，这样子的经历真心没什么吸引力。
培训机构只会教你如何去用这些东西，或者教一些小技巧，由于时间关系和人力成本关系，他们不会教你一些很基础的东西。
最最简单的一个：padding，培训机构里面会告诉你这是内边距，一个div设置了padding之后就会balabala，但是绝对不会告诉你，如果一个div设置宽度不设置高度，你padding-top：20%之后高度是能够自动根据你当前的宽度计算出来的并且保持你设定的5：1的比例，这些你指望培训机构告诉你？省省吧。
display:block和display：inline-block的区别会告诉你是不是按行显示，但是绝对不会告诉你，dianplay:block是因为元素后面紧跟了一个回车，而dispaly:inline-block是将后面的回车转换成了空格，虽然能够按行显示，但是中间肯定会有一部分空隙，这些你指望培训机构告诉你？省省吧
b和strong都能实现加粗，但是区别在哪里？老师会说：“没什么区别，都是加粗”，但是这老师可懂语义化?
所以，既然你想学互联网，就自学，借助这个机会学更多的东西，而不是去培训班浪费时间，如果你真的有决心，还会害怕学不好？退一万步来讲，万一你没坚持下来，这不还省了一大笔培训费么##，而且听学弟们说，我们学校的前端培训机构已经1w一学期了，这.....
最后送上我的座右铭：知耻而后勇。
#最近发现好几本前端动物书都是主管或者坐在我旁边的师兄翻译的，瞬间给他们跪了............#
亲 加了个油~


PS:天猫前端招聘  求用简历蹂躏

这个回答 2021 年 4 月有更新放在原回答后
=== 2015 年原回答 ===
如果姑娘不介意，来，把手伸过来，让叔手把手一对一教你，另外，把头靠过来一点，这样方便我跟你讲话，最好再近一点嗯嗯，这样学习前端才最靠谱，哈，开个玩笑。
培训靠不靠谱我不知道，对于我这种智商拙计的人来说，看书自学是挺靠谱的，毕竟智商低老师讲课我听不懂嘛，复习的时候不能倒带，让老师反反复复在讲台上单曲循环，也不能把老师绑在身边，让我能够在做练习的时候碰到不懂东西可以随时提问。 前面有许多人都分享了各种学习资源，不过貌似就是没人分享书单，那么我来给大家分享下我的自学前端所用的书单吧。看书又累又慢？谁让我拙呢，只能靠勤来补了，不然还能怎样呢。这些书效果非常不错，20个月前，我还是一个 local 广告公司的苦逼 copy ，现在是一个能够独当一面的前端工程尸了呢，收入也翻了许多倍呢，mac这种高大上的从前想都不敢想的东西，现在可以天天摸了有木有。下面的时间是我当时学习的时候的所用的时间，每天大约学习 3~4 个小时这样吧，每周大约会偷懒 1~2 天，OK 进入正题。
第一步：入门 html & css ，用时 2 周
Head First HTML与CSS（第2版） (豆瓣)
head first 系列的书一直很受初学者欢迎，语言诙谐，图片丰富，行大字稀，这本 700 多页的书 2 周左右就能看完。此书的用法非常简单，只需打开代码编辑器跟着作者的思路敲下去就可以了，一个个小案例从自己手上被敲出来，还真的很有成就感呢，因为是写给初学者的书，它假设读者没有任何相关的背景知识，新碰到的知识点，会用各种各样的图片说明一遍，生怕读者不懂。这本书学完，只要不是太复杂的页面，基本上能够临摹出一套长相上差不多的了吧。
第二步： 入门 javascript ，用时 3 周
JavaScript DOM编程艺术 （第2版） (豆瓣)
这本书很薄， 280 多页，一开始看的时候，其实我是拒绝的，因为当时我的编程基础只有能够用 c 写出让别人输入两个整数然后打印出这两个数相加结果这种程序的水平。然而即便如此，这本书依然能够让我看得懂。此书前言的第一句就说了，“它不是专门写给程序员的，而主要是写给 Web 设计师的。具体的说，本书是为那些喜欢使用 CSS 和 HTML 并愿意遵守编程规范的 Web 设计师们编写的。”好吧，虽然也不是写给我这种初学的傻子的，但反正只要它不是写给程序员的就好，因为当时我不是程序员啊，当然我也不是设计师，但我会写一丁丁 HTML 和 CSS ，这就够了。这本书跟上本书一样，新碰到的知识点，会专门用案例介绍一番，让人在不带着太多疑问包袱的情况下跟着作者的思路走，用法也跟上一本书一样，跟着作者的思路用编辑器一路敲下去，然后你会发现，自己能够给网页加特技了，duang~duang~ 棒棒的。
第三步：入门 jQuery，用时 3~4 周
锋利的jQuery (豆瓣)
这本书只需要看 1-9 章就够了，也就是 290 页左右的内容。看完 《JavaScript DOM 编程艺术》 可能会觉得里面的程序很繁琐，想要达到一些目的经常需要拐来拐去的。那么 jQuery 会解决这种繁琐，做到它所标榜的 write less, do more ， 也因此 jQuery 成为了几乎所有前端工程师必须要掌握的一个工具。这本书的内容有些啰嗦和跳跃，后面几章甚至还有错误，不过有上一本书的作为基础，配合搜索引擎是能够解决看着本书时碰到的绝大部分疑问的。打开编辑器跟着作者的思路把书上的例子都敲出来跑一遍，另外把最后的案例吃透。 jQuery 就算是入门了。
最重要的一步：复习巩固，用时 6~12 周
OK 至此， 入门学习已经完成，接下来是复习巩固，这才是学习的真谛。这一步，不能省略，不能省略，不能省略，重要的事情说三遍，否则会像一个学习了各种格斗技巧，但却廋得皮包骨连站稳都吃力的人一样毫无战斗力。此时可以用之前所学配合着搜索引擎模仿一些自己认为觉得好看的页面，学习使用一些第三方插件，大量模仿。无他，唯手熟尔。
这里列出一些在这个阶段有可能会用到的工具书和一些网络资源，希望能有所帮助。
工具书：
JavaScript高级程序设计（第3版） (豆瓣)
一本全面介绍原生 JavaScript 编程的书籍，从基础内容到高级内容都有，任何阶段的前端工程师都能从中学到知识。
精通CSS（第2版） (豆瓣)，这本书现在有第三版了，在这里（2021 年留）。
一本介绍 CSS 的书，把一些有用的 CSS 技巧汇集起来，供人学习，但可惜年代久远，不过依然有参考价值。
网络资源：
阮一峰的个人网站
这里会用一些通俗的语言介绍许多 js 编程中重要的中高级问题和技巧。
司徒正美 - 博客园
功能同上。但这里有个副作用，就是总时不时会听到一种叫做 Avalon 的玩意儿，但这不是现阶段需要深究的东西，目前只用知道 Avalon 是英格兰神话中拔出石中剑的亚瑟王战败后去的仙境就可以了。
w3school 在线教程
资源丰富的文档，碰到不懂的不管是 HTML CSS JavaScript 方面的内容都能够来看看。
张鑫旭-鑫空间
博主是一个把 CSS 研究得出神入化的男人，可以从他的博客里学到许多 CSS 相关的知识和技巧。
Bootstrap中文网
Bootstrap 是套优秀的 UI 组件库，其中的精华是它 css 代码，使用它你会发觉以前各种卡手布局的问题可以很快解决，并且不用自己写太多 CSS 代码就能弄出美如画（至少不丑）的页面。使用它，并且学习它的 less 代码的组织和设计，可以从中学会许多 css 架构的知识，棒棒的~

p.s less 是一种跟 CSS 很像，兼容 CSS 并且可以编译为 CSS 的样式语言

前面的步骤都完成了以后，恭喜入门，可以尝试去找一些相关的工作了，同时也再也不用担心被知呼上这位严重智商拙计的怪叔叔骚扰了。 在往后的路中可能会碰到许多奇奇怪怪的概念，比如 workflow ， mvc ，  mmvc ， flux ，SPA 等类似的不是出自人类语言中的名词，就说明可以开始提高了：）
<hr/>另外，可以点击下边链接免费获取更多学习资料，以及了解培训相关的内容，方便最后选确定学习方案，自学或是培训。
https://xg.zhihu.com/plugin/55f0fddb3cb6b46f2962ecca3d794d0b?BIZ=ECOMMERCE=== 2017.4 更新 ===
这问题回答的时候是 2015 年，我没想到这个回答会影响那么多人，现在两年过去了，前端这领域已经变了样，许多朋友吐槽现在学完上面所说的内容已经很难找到工作了，但不管怎样，上面的内容还是基础，入门的时候先按照上面的流程走一遍问题不大，但现在毕竟已经是 2017 年，入行前端的要求变得比原来多了不少内容，所以学完了上边内容的朋友还需要继续学习现代前端开发所需要掌握的知识，具体的路线可以参考我在另外一个答案的回答：https://www.zhihu.com/question/55886635/answer/147275692
另外之前提到的 w3school 在线教程 里面的内容比较老旧，现在有了更好的选择，那就是 MDN ，它的地址在这： JavaScript 。

=== 2021.4 更新 ===

推荐先读 2015 年的回答再看这里
现在是 2021 年，其实这些年来不少人给我留言，说这个回答帮助了许多他们走上了前端的道路，我在 2017 年更新过一次，现在再过去了四年。回过头看，很多东西已经物是人非，在我初学路上对我有很多帮助的司徒正美老师已经离开了，说来惭愧，我从来没有到他的博客上给他留言说过一句「谢谢」，我也从当初的初学者变成了创业公司的技术负责人，文风也不再那么戏谑（可能大家就是喜欢戏谑的文风呢？）就我在工作中招聘人的情况看，前端入行的门槛比起 2015 年和 2017 年高了许多，这个回答中提到的一些内容已经过期了，有一些内容依然值得学习，还有一些新加入的内容要考虑。
总的来说，现在想要找到前端的工作，要求比 17 年高了不少，但是总归是有途径的，我简单补充一下吧，首先是基础部分。
基础部分调整（也就是 2015 年的原回答）
第一步：入门的 Head First HTML与CSS（第2版） (豆瓣) 这本书里边说的知识，是基础中的基础在当下依然有用，这本书依然值得推荐。
第二步：JavaScript DOM编程艺术 （第2版） (豆瓣) 这本书里边的内容非常基础，但是基础到在现实的项目开发中许多已经过时不再用了，但是作为一本能让人从 0 到 1 慢慢学编程但又很薄的书还是值得去看的，花两三周的时间对 JavaScript 和对前端开发最经典的编程方式完成一次观赏之旅，同时感受到前端编程到底是在编个啥，抱着这个目的看这本书就好，另外还有一本类似功效的书，是深入浅出JavaScript（中文版）两本选择一本看就可以，看完了能够学会 JavaScript 最经典的样子，也为现代开发打下基础。
第三步： 锋利的jQuery (豆瓣) 这本书已经不需要再看了，jQuery 的时代已经过去，我们很少再需要写 jQuery 代码了。把节省下来的时间拿去做别的事情会更有意义。那么这一步改为学习 React 吧，React 是三大前端框架中的一个，三大框架中只有 React 我是自学入门的，其他的两个都是触类旁通，我就在这里介绍 React 和当时我学习时所用到的资源吧，首先也是最重要的 React官方文档的入门教程 这里简扼的介绍了 React 的使用方式，推荐搭建本地环境（教程中有），这样你能领略到有比 JavaScript DOM编程艺术 （第2版） (豆瓣) 或者 深入浅出JavaScript（中文版） 介绍的，更现代前端工程的开发方式，是天壤之别！另外你也会看到他里边的代码跟你在第二步中学到的代码语法有出入，是因为它用了更现代的 JavaScript，也就是我们日常开发时会用到的 ES6/7 ，你可以在 ES 6 入门——阮一峰 中查看相关知识。
第四步：彻底吃透 React 的官方教程以后，相信你能够自己写写玩具类型的小项目了，接下来就要开始学习 React 技术栈了，React 技术栈的意思就是以 React 为核心的一系列技术的组合，在这里推荐一本书 深入浅出React和Redux 这里会介绍如何使用 React 以及一系列与之相关的技术，来完成开发任务，但是这本书的成书年代是在 2017 年底，在阅读的时候务必安装的是和书中一模一样的 React 版本避免出错，相信我，能顺利的学习旧版然后在过渡到新版的过程，会比直接上新版然后一直踩雷要平滑得多的多得多。
最后一步也是最重要的一步：练习
这步不能省略不能省略不能省略不能省略。你可以临摹一堆页面，可以作出自己的 v2ex 或者 cnodejs 客户端（v2ex 和 cnodejs 都是技术论坛，他们开放了数据接口，学完前面四步你就知道我在说啥了），然后拿出自己最满意的个人作品，投简历去吧。
工具书：
JavaScript高级程序设计（第3版） (豆瓣) 这本书中的内容现在许多用不上了，买来收藏吧，可能极少情况下会需要查阅
精通CSS（第2版） (豆瓣)，这本书现在有第三版了，在这里，新版我没看过，但是旧版的知识本身就很硬核，新版应该也不会太差吧。
<hr/>最后，可以点击下边链接免费获取更多学习资料，以及了解培训相关的内容方便最后确定学习方案，自学或是培训。
https://xg.zhihu.com/plugin/55f0fddb3cb6b46f2962ecca3d794d0b?BIZ=ECOMMERCE

2018.3.31 朋友们，已经过去好几年了，我原答案推荐的学习方法已经过！时！了！
jQuery部分可以直接跳过了靴靴~
发现自己工作了几年以后强迫症越来越严重了（大概是eslint+standard害的），把原答案的标点符号和语法错误都改了
--------------原答案2015.6--------------
哈哈，我也是从你这里过来的，现在已经是前端工程师一枚~
希望可以帮到你哟~
说找男朋友的，劝你考虑的，劝你别做程序员的，都退散吧！当初我在知乎提问，也大多都是这样的回答！我从今年1月开始自学，3月入职以来，觉得越做越有兴趣，所以妹子加油！占个坑，上班时间，再来码~
-------------------------------------------
我也是14年毕业，专业软工，之前做了1年测试（实习）
1.报班吗？我们公司5个前端，上个月辞退了一个，辞的那个好巧不巧就是某内培训机构的。据他说培训机构真的学不到东西还巨贵，基本就是骗人的地方。我两个师傅一个看书自学成才，一个看视频的。我是自己看书学的，我觉得比较有效的是一遍w3c，看一遍headfirst html与css（挺有趣的书），然后就抄几个静态页面，基本就懂了
2.自己试着加几个图片轮播（网上找插件）以及常用的特效，看一遍jQuery的api，写写简单的事件、动效，这时候就可以找工作啦！完成这些我用了快两个月，我是考研失败，1月份开始买书看书，3月初开始找工作，很快找到，虽然开始工资不高，但是那时候会的也不多就不在乎这些，工作后，提升非常快的！
3.工作到现在，3个月的样子，感觉收获很大，学习最好的方法还是实践。我从一个只会切静态页面的小菜鸟到现在负责了项目国内No.1国际潮流周刊（勿喷，第一个项目，不成熟，还被客户骂的半死）
4.我觉得楼主可以先看视频入门，以后再多看书。不要被其他人的回复吓怕了，既然想做这个说明你有兴趣，就加油学！肯定可以的！
我现在也只是入门阶段，正在学习中，有什么不对的地方希望大神指正，谢谢啦
--------------2015.11.30--------------
答主目前工资翻倍啦，大家共勉呀~ 加油加油，学无止境
--------------2016.1.11---------------
很多人私信问我怎么学习前端，在这里我写一下我的见解，希望对大家有所帮助。没有特别复杂的结构，单从我个人的学习路线来讲一下我看过的书(看书一定买最新版本的看哦~)
1. 入门的入门：
2.看完了一本，第二本来了：
3.html和css大概了解的差不多了，过一遍w3school 在线教程 的html、css部分
4.去模板之家这种下载网页模板的网站下载几个psd自己写成网页（推荐开发工具vscode，sublime，HBuilder，webstorm）
5. jQuery api过一遍
6. 自己用jQuery 完成下拉菜单／轮播／弹出框等基础效果
7.投简历。这时候应该可以找一个入门级的前端工作了。只是入门级哦，之后的发展就见仁见智了。啃javascript高级程序设计这种大砖头，找到工作慢慢来～
--------------2016.6.12--------------
即将加入TN啦(o´〰`o) 大家一起努力！特别是女孩子们( • ̀ω•́ )✧
--------------2016.12.3--------------
艾玛没想到还有人在回复这个答案呐~
得知大家从我这短短的答案里受到一点点鼓舞或者启发，我也是很开心哒~
前端真的很有趣（痛哭状
感觉写代码的时候总有一种酣畅感！要不是各种需求赶的人很紧迫，写代码完全是一种很享受的事情！~
而且加入TN半年，认识了很多牛人，开阔了眼界，感觉不断被更厉害的人刷新上限，自己也会不断提高目标呢~ 奋斗的动力也增强了 (๑>◡<๑)
不过总结自己做前端两年来的学习经验，归根到底还是一条：实践。
不管你想学什么，想也别想直接应用它，就是最快的学习途径。
所以赶快动手写代码吧~
PS.沉迷react无法自拔ヾ(=･ω･=)o
加油加油！~ 只要用心，成为大牛的时刻近在眼前！~ﾍ|･∀･|ﾉ*~●
--------------2018.3.11--------------
最近这个问题怎么突然被挖坟了？
话说做前端也已经3年多了，从小公司到TN再到金融行业，一路走来也算是越来越好吧，看着自己的答案也有一种慢慢长大的感觉。天下无难事只怕有心人，我也见过不少自学了两个月就能找到工作的，也见过喊了一两年要学前端，书都买了厚厚一摞，结果到现在还是停留在<div></div>的人。只要是真心想学，真心喜欢，就好好努力吧~
我记得第一家公司辞职的时候，老板找我谈心，他对我说的一句话我一直铭记在心。
“你不应该只是做一个普通的前端，而是做一个前端技术专家，做数一数二的前端。”（鸡汤熬制完毕）
就酱吧，去睡觉了