前端学习路线1

第一 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. 在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天的时间去实现一个简单的杀人游戏简化版分配角色的规则，给一个框输入总人数，然后依据杀人游戏的规则给每一个人随机分配角色。