一、个人经验
刚学习编程的时候，我一直有个困惑，我该学什么？我该怎么去学呢？然后我就去下载了几本电子书，也去买了几本纸质书籍。然后等到自己先去做一个项目的时候，发现没人帮我的话，我很容易出问题。一直到我入了这一行之后，才发现入门并没有那么难。那么，花生、瓜子、小板凳准备好，我要开始讲故事了。
二、基础
很多人在学习的时候，很反感理论知识。其实不然，理论很重要，理论是成功的基石。在开发的过程中很多知识点都没办法串联到一块。所以我建议初学者可以了解一下计算机相关的基础理论。
理论是基石，没有理论，在开发过程很多知识点都无法串联在一起，达不到一通百通的境界。所以需要初学者稍微了解一下计算机相关基础。对于前端开发或者Web开发，有很多同学是从其他专业过来的或者有很多人是转行来学习前端的，而且相关基础理论学习对日后开发还是有很大的帮助的。比如网络分层模型、网络协议-HTTP，服务器基础知识等（当初面试的时候也被问过很多HTTP等网络协议相关的知识）。
这里还是要推荐下小编的web前端学习 群 : 687958461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份最新的web前端资料和0基础入门教程，欢迎初学和进阶中的小伙伴。在不忙的时间我会给大解惑。
三、学习路径
MDN在线文档有一个《学习Web开发》系列文档，从Web入门开始介绍，包括HTML，CSS、JavaScript、服务端网页编程基础等知识，适合初学者跟着文档一步一步的学习。优达学城的纳米学位课程，也提供了入门到进阶的课程路线，通过先学习各个知识点，每个章节之后有一个实战项目，打通融会贯通。
四、学习方法
良好的学习方法和学习平台，可以让你事半功倍。我看过很多同学的学习方式都是看书、看视频、上线上学习平台。那么我就一一来说说这三种学习方式的的优缺点吧。
1、图书（推荐几本）
图书中的知识点相对系统，但学习效率也是相对于较慢的而且还不宜携带。适合集中时间段内学习，当然选择优秀的图书是最重要的，当然如果你英文水平过得去的过，优先选个国外的、经典的图书。
HTTP基础：
《图解HTTP 或者HTTP权威指南》
《Web全栈工程师的自我修养》
HTML、CSS：
HTML和CSS配合MDN相关文档，入门应该是没有问题。
JavaScript：
《JavaScript DOM编程艺术》、《JavaScript高级程序设计》、《锋利JQuery》
Web性能相关：
《高性能网站建设指南》还有进阶版
《Web性能权威指南》
通过以上图书的学习，需要动手完成多个练习小项目。比如个人简历、个人博客、新闻两栏、三栏等布局、开发电商页面等。将理论转化为实际看得见的代码，是初学者必经之路。
2、视频
通过实际项目代码和动画相关的展示，更容易吸收，但是很多视频只提供视频教学，项目实践和章节练习相对教授。
国内国内提供在线视频平台很多，国内以网易云课堂、慕课为主，主要针对IT相关的。
比如网易云课堂推出的初级前端开发工程师微专业。主要由网易本身的一线工程师授课。
慕课网的Web前端攻城狮 ，通过多个小视频的集合，打造一个前端学习的路径。
余散的学习视频：
由于不是一个老师系统的讲解，所以学员学习起来，是不是能很好吸收消化就难说，而且项目实战也相对简单。
3、在线学习平台
在线学习平台是在线学习的未来的趋势，学的轻松愉快，也是目前最有效的学习方式。自己通过3个月的学习，顺利获得了前端开发工程师纳米学位课程。现在互联网上也有大量在线学习的平台，也都有免费的公开课，既然有免费的当然也有收费的课堂（ps：都是要生活的，但是在前期时候公开课的内容就够你消化的了）
四、总结
系统学习是学习新知识和新技能的最佳手段，前端课程最好的模式是：一方面学习基础和实践相关内容，另外一方面在师傅或者导师的的带领下，独自完成多个真实的项目。从简单的hello world到个人主页，或者电商系统开发，通过图书、视频和在线学习平台等多种，真正的做到从零基础开始，扎实学好前端。新手入门要做的就是找到一个适合自己的学习方法，一步一个脚印，扎实的学习起来，最开始可以照着代码敲出来，看效果。等度过了初学的迷茫期，找到了好学习方法，后面学习起来就轻松很多。加油吧！