1、通读w3school的html、xhtml、html5、css、css3、tcp/ip、javascript、ajax教程，其中的实例至少写一遍！
做到对html、css、js有个大概的了解
2、反复阅读经典书籍，并且实现书中的每一个例子。书籍清单如下：
html+css：01head first html与css、xhtml中文.pdf >> 02[w3cfuns]css权威指南《第3版》.pdf >> 03精通css高级web标准解决方案.pdf
javascript ：01head first javascript 中文版.pdf >> 02javascript权威指南(第6版)(中文版).pdf >> 03[高性能javascript编程]中英对照版.pdf
html5 ：html5秘籍.pdf
http ：http权威指南》中文版.pdf
3、 ①有以上基础后，就可以利用搜索引擎，查询各种教程、demo，了解各种功能的实现方法和常见功能的实现方法。
百度前端技术学院：一些入门的项目，循序渐进
极客学院：web大前端工程师系列教程
慕课网：web前端工程师系列教程
②阅读前端大牛的博客、文章提升对知识理解。
牛人博客推荐几个：汤姆大叔的博客 阮一峰的博客 张鑫旭的博客
4、前端技能汇总 ： 详细记录 了前端工程师牵涉到的各方面知识，对前端有个整体框架。
5、学习知识一定要深挖（是什么？为什么？怎么用？优缺点？造轮子！）
==========================附录1===============================
浏览器：谷歌浏览器、火狐浏览器（插件：firebug）
文本编辑工具：webstorm（推荐用10版本，注册码如下） 、 sublime
username:william ===== license begin ===== 45550-12042010 00001szfn0n1bpii7fnaxnt0ddopja inauvjkevjbue5bqlezncce4tet6tr riyomxdk8ody93tx!ippygmqyyewxs ===== license end =====
fis3 ：前端自动化工具
less css ：优秀的css预处理器 （http://lesscss.cn/ http://less.bootcss.com/）
node.js : javascript也可以做后台，前端工程师地位更上一步
anjularjs ：做single page application的好工具
github ：没啥好说的，多阅读别人的源码，多上传自己的源码，向世界各地的大牛学习
============================不错的前端网站===========================
百度fex ： 每周更新一次技术周刊
w3ctech ： 前端技术社区
w3cfuns ： 前端开发综合性网站
segmentfault 和 stackoverflow ： 基本上各种问题都能在上面获得解答
前端乱炖 ： 一个前端文章分享的社区，有很多优秀文章
前端资源导航