前端要学习三个部分：HTML，CSS，JavaScript（简称JS），因此首先明确三个概念：
HTML是内容层，它的目的是表示一个HTML标签在页面里是个什么角色。
CSS是样式层，它的目的是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。
JS是行为层，它要做的是当用户触发某些行为时，会给内容和样式带来什么样的改变。
1，HTML，CSS部分。
HTML/CSS初学，就照着http://www.w3cschool.cn/的实验做，把http://www.w3cschool.cn/index-6.html 和 http://www.w3cschool.cn/index-7.html 两套做完了就入门了，
一般而言css学个几天就可以了，因为现在很多的高级前端工程师甚至于不用写css,而初级前端工程师又面临就业难的问题，所以我们的学习重点应该放在js以及一些前端框架甚至于源码方面
学习完成后就是一个较为熟练的HTML/CSS使用者了.这时候如果想继续深入学习相关类库和框架，推荐Sass和Compass，推荐两篇阮一峰的博客：http://www.ruanyifeng.com/blog/2012/06/sass.html http://www.ruanyifeng.com/blog/2012/11/compass.html
和这本书：《Sass and Compass in Action》http://book.douban.com/subject/6732187/
2，JavaScript部分。
初学者推荐看视频，淘宝上搜索，免费的一大把，绝对比收费的好用，作为过来人，发现那些所谓的报班培训都是坑钱的，只能教个基础，找工作照样难，所以想学好还是得靠自己，当然看视频得时候要特别注意JavaScript的OOP写法（重点，可多看几遍），以及闭包、原型链，异步编程部分（次重点），前者写项目都在用，后者涉及JS这个语言本质特点。
当然如果你找不到资源 也可以加QQ群：426334209
我有一大把免费资源共享在群分享里面了，也是自己以前学过，然后通过那些入行，以至于现在面进了腾讯高级前端
然后需要学习JS和HTML/CSS在浏览器下的调试方法，推荐用Google Chrome下的chrome developer tools调试
看完视频并经过实践后，可以看《Javascript good parts》（http://book.douban.com/subject/2994925/）这本书，不必细看，看它的思想即可。用于巩固，提升JS方面的编程思想。