删了...............................
同UI转前端。
同成都。不过目前北漂。
非常感谢 @nicococo 同学把我的文章分享出来，激动得以泪洗面。
如果学习上遇到什么问题，可以call我，很乐意帮助你。
多的不想说太多，如果你手握鸡汤和干货，却还是觉得自己无法进步，那一定是你自己出了问题。
所以你最需要的，是不是应该进下心来，好好总结一下自己的过去，规划一下自己的未来，自己的路到底该怎么走？
我大学计算机专业但是我选择的主要修的就是UI设计的，那个时候最多老师会教的就是dreamweaver，同样的我们学很多设计相关的东西美术素描都学了，但是说实话就是和你一样设计总感觉比人家专业画画的差距有点大。一接触前端就爱上了这个（我之前很喜欢c++），同样是自学，我的经历来说就是。
书一定要看的基础的部分基本不熟也要有印象。然后去网上一些前端网页模仿写，不会了就打开审查元素慢慢看人家是怎么实现的。js可以先jquery 说真的直接上原生我觉得如果没有一点计算机基础挺烦的。然后后面你做的东西多了 自然知道原生的js的好处然后。。。。。
还有其实学习什么东西楼上也有人回答了。如果学设计的做这个还是很有好处的。因为你做出的东西还是要比纯技术做出来的东西更有设计感一些，比如特效什么的。
实话而言，目前知乎上有非常多的这方面提问，我当初学习前端也是在知乎获益匪浅，sg偏向于纯技术，这方面不算多，当然来这里提问也是欢迎至极，猴年马月，有幸同行嘛。
先说说我对前端自学的看法
1.有效高效前端学习依赖于知识体系的完整性：想学好前端，先得知道前端有那些知识，梳理出完整的知识体系。
2.前端学习的高度非结构化：想学好前端，目前很少有一整套，高度体系化的学习方案设计，主要还是靠自己完善自己的知识体系。一套照着做就能拿高薪的前端方案，是很少有的，就算有，也不太可能是短期速成的。目前高校本科课程关于web编程方向的，只有少部分web后端课程，而且使用的还是asp，jsp那个时代的后端技术。
3.前端学习过程中对于自律自觉性要求非常高：前端学习，对于自觉自律性不高的人，很难静的下心来去学那些简单的知识点，觉得这么简单看一遍就记住了，这么简单记住了怎么可能会写不出来，更不必提及深入学习内在原理了。
4.前端学习曲线呈先快后慢：初学HTML是，觉得非常简单，一两下子就学会了；再学css时也是觉得很简单，三四下子就学会了。
5.前端领域，js栈的技术更新换代快：只学习了HTML，CSS技术，是很难找自己心仪的工作的。然而，js栈，除了基础的一些语法知识，特性外，二次抽象，甚至更高层次抽象的技术更新换代速度又太快。注定了学习难度不会低。例如，vue.js,angular.js等框架层出不穷。
6.不要期待有那么一套具体方案，能从知之甚少到进入BAT前端部门。
目前网络上有非常多的关于这方面的回答，质量颇高，分享一下：
一、学习规划类：
1.零基础的前端开发初学者应如何系统地学习？：https://www.zhihu.com/question/19834302/answer/13108148
2.前端零基础学习提纲：http://www.cnblogs.com/dolphinX/p/5181660.html
3.自学前端应该怎么制定循序渐进的学习计划，看书和实践应该怎么分配呢？：https://www.zhihu.com/question/31263616
二、补充建议类：
1.写给想做前端的你：https://.com/a/1190000005085629
2.关于前端的思考与感悟：https://.com/a/1190000004976918
三、书籍推荐类：
1.js方面的书籍推荐：http://www.cnblogs.com/Darren_code/archive/2011/06/29/javascript-learn.html