一 初级篇：HTML、 CSS、 JavaScript、 web项目。
二 中级篇：GitHub、 Nodejs
三高级篇：设计模式（sass，less）
JavaScript组件化
资料选择：1.慕课网视频学习；
2.官方文档；
3.项目：百度前端实战、GitHub开源、
第一 CSS篇
1. 2个小时的时间去看html 就学会<html><head><body><div><lable><input><p><input>就够了
2.4个小时的时间去看CSS 就学会 color,position就够了，花点时间看一下盒子模型
3.2个小时的时间，开始写一个九宫格的小程序 很简单，用Div，画出九个格子，心情好就随便给点颜色
4.2个小时的时间，去配置一下Nginx 很简单，配置好了之后就可以在PC上打开，也可以在手机上访问了
5.4个小时的时间，去学习一下 px,em,rem和百分比。 确保不同手机屏幕下看到的九宫格比例不失调，学习一下自适应。
6.2个小时的时候，学习一下Chrome的F12 感受一下盒子模型，学习在F12下调试，看大小，更改值，看盒子宽度什么的。
7.花8个小时的时候去学习各种居中
8.花4个小时的时间去学习制作表单 很简单的表单，登录注册就行，学会Placeholder.
9. 花4个小时的时间去学习制作导航栏
10.NND，忘了说了，在6条的时候就应该学会Svn或者是Git，去买一台服务器，把自己的代码放上去。
学习使用源码管理工具。
11.花4个小时的时间去练习清除浮动
12.花2个小时的时间去学习PS的切图。
13.花4个小时的时间去理解雪碧图。
14.花8个小时间的时间去找一个PSD的源文件，然后去做出一个整站的完整页面。
15.花8个小时的时间，去把这个页面做成响应式的。
16.花16个小时的时间，将这个网页的内容全部左右调换反转。 检查自己的命名，样式是否能够胜任PM异想天开的思路。
17.花4个小时的时间去学习前端编码规范和命名规则
18.花4个小时的时间去学习各种弹框
19.花16个小时的时间去学习一下Bootstrap
20花8个小时的时间去用Bootstrap把之前的页面全部重写。
21 花4个小时的时间同样的把页面元素全部左右反转。
22.花8个小时的时间去学习Less，用Less来重写你之前的任务
23.花8个小时的时间学习一下Flex布局
24.花48个小时的时间去完成一个完整的PC端
25.花48个小时的时间去完成一个完整的H5.
第二 JS篇
1.在CSS结束之前，准备学JS之后，就去看JS的基础语法，推荐的哪本书我忘记了，修真院官网有。每天看1个小时，10天左右就差不多了。
2。JS语法的基础部分，可以分成三大块。第一部分 数据类型，变量 ，函数，控件语句。预计30分钟到60分钟之内。
3。第二部分 Dom操作，先从简单的input,div,label开始，不需要学会太多，知道不懂的去百度，学会读和写，预计30分钟到2个小时之间。
4。第三部分，Ajax。学会Http的请求和响应，Json数据格式，异步和同步，超时这些基本的概念。预计在4个小时到16个小时之间。
5。如果以上学的都不好，没关系，知道不懂哪里查就好。然后花2天左右的时间，实现九宫格随机变换颜色。
6。再花5天的时间去实现一个简单的杀人游戏简化版分配角色的规则，给一个框输入总人数，然后依据杀人游戏的规则给每一个人随机分配角色。