网络上关于前台的话题不能再多了，但作为一个自学者，希望从我的经历中给你一些启示或帮助。 让我们从如何去入坑开始。去年6月中旬，我对那份工作没有任何兴趣，打算转行。我联系了大学的同学，得知他已经转行创业了，希望我能加入IT行业。我们聊了很多，最后得出结论，如果我从事互联网工作，我更愿意写代码。 于是我开始在知乎上求助。选了几天，看到大部分人都在说前台简单，好就业。 于是我辞职毅然回到成都，暂住在朋友家，开始了我的前台自学之路。 关于前台的学习资料和视频很多，学习方法也大相径庭。他们中的一些人被推荐参加大规模的开放在线课程。还有W3C的，这里简单提一下。 我觉得大部分都是零基础，如果没有少量必要的基础知识，后面的学习是非常困难的。 既然是自学，那么入门书籍或者视频的选择就要由浅入深。 话不多说，进入干货链接。 最基础的三个知识点是html+css+js，但是很多小白可能不知道html5和html的区别，或者XHTML，或者css2和css3的区别。学了近半个月，才会慢慢理解和尝试脉络。 1.html的这本书可能不是最好的，但它对小白来说是最容易理解的，而且例子生动，这逐渐增加了难度。当时自学了半个月就看了这本书，到现在还觉得很不错。 希望自考的同学不要指望找个比4个月形象的好工作，像培训班里那样。 但是你最好慢慢来，一步一个脚印，培养自己的自学能力，这对以后的框架学习很有帮助。 无论你是大学生还是普通在职员工，每天都不需要花太多时间在这本书上。晚上2-3个小时应该就能完成，一个月。 2.html5，这里的css增强和css3 (key canvas)，因为我看的不多，所以不乱推荐。 这里我建议去W3C。得益于前一个月的学习，我相信你的自学能力提高了不少，还是可以自己找到合适的资源的。 参考github上别人的代码，养成良好的写作习惯。 掌握几个重要的技巧或者tag的用法(我也不知道怎么叫) 伪元素(包括各种符号的用法)::before和::after使用css3实现轮播、旋转、字体特效。由于我辞职了，在家专心学习，我可能会有更多的时间。如果你在工作，在这里可能要多花45-60天。 毕竟你每天的时间都是有限的。 3.你一定想知道的JavaScript，是怎么检测到你输入的账号密码是否能匹配成功的？我还想知道那些子弹框和页面在你点击鼠标时的特效。 我也很好奇浏览器的前向和后向，缓存是怎么实现的。 然后一定要学js，因为你只需要知道JS代码，自己写算法，就可以称得上前端程序员了。 如果大学不是计算机专业，或者学生没有了解过C，C++，Java，或者不是VB，你一定要打好基础。 前面的语法没学好，后面的学习真的是全过程。 JS的学习一定离不开书。我个人只买了两本书，以后会根据自己的需求选择自己的书。 一本280页的书，《JavaScrip DOM编程艺术精要》，一个月就可以随意看完。结合书中的视频和例子，你会对浏览器的兼容性和JavaScript对页面对象的解决方案有一个初步的了解。 之后，你需要第二本书，JavaScript高级编程。 学习语言不是一蹴而就的，所以你得慢慢来。 至少4个月，当然如果你是天才，2个月也行。 最后推荐一个非常好的网站M D N，这里我给你中文网站JavaScript | MDN，有条件的同学可以翻墙看外文。 至此，你以为前台就这么简单，那你就大错特错了，真正的坑才刚刚开始！你会发现学的越多，不懂的越多，总会有层出不穷的新技术新功能。 在这里，我给大家讲一下学习过程中会用到的很多软件，首先是Google Chrome，然后是Firefox和opera这三大主流浏览器。你一定要学会用F12自己处理bug和调试代码。 当然，你说要兼容IE6，那好吧，出门左转。 第二个git和github，你要学会怎么用，不要求你熟悉快捷键。基本的功能，包括github页面，都得学会如何使用第三种工具进行爬墙。小白应该诚实地花钱，少在Youtube上看电影。 翻墙的目的是为了让你更方便的使用github。同时，学会使用谷歌输入关键词，找到处理问题的方法。很多时候，别人没有时间帮你，也没有义务帮你。 第四个IDE，开发工具，但对我们来说可能只是一个代码编写工具。我还是第一个推sublime3的，用了2个月了。如何自己安装下载插件，百度，还得别人教，建议换个职业。 最近换了webstorm，让我从git加载和卸载少量代码更加方便。 最后，如果以后想前台和后台一起开发，可以理解为下一个PHP storm PHP，和前者的用法一样。 最后，至于前台的学习，这些还不够。但是，如果你能自学7-8个月，按照我上面说的做，你就离找到工作不远了。 在bootstrap框架和angular 以及jQuery、ajax、nodejs等等。当你发展了自我学习的能力，你就可以通过积极的学习去理解和接触后者。 也希望我的这篇文章能给那些犹豫不决的朋友一些帮助。 最后一个题外话，我平时有整理面试问题刷题的习惯，随时准备跳出自己的舒适区。不知不觉，我已经整理了229页。这里给你一个参考。如有需要，点击此处免费获取问题+分析PDF篇幅有限，仅展示部分内容。 【点击我】免费获取此面试问题+分析PDF