Web前端学习路线

第一 CSS篇

1. 2个小时的时间去看html
就学会

就够了

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个小时的时间去学习一下Bootstrap20花8个小时的时间去用Bootstrap把之前的页面全部重写。21 花4个小时的时间同样的把页面元素全部左右反转。22.花8个小时的时间去学习Less，用Less来重写你之前的任务23.花8个小时的时间学习一下Flex布局24.花48个小时的时间去完成一个完整的PC端25.花48个小时的时间去完成一个完整的H5.第二 JS篇好吧，开始更新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天的时间去实现一个简单的杀人游戏简化版分配角色的规则，给一个框输入总人数，然后依据杀人游戏的规则给每一个人随机分配角色。