web前端学习路线

时间 2019-11-09

标签 web 前端学习路线栏目 HTML 繁體版

原文原文链接

一初级篇：HTML、 CSS、 JavaScript、 web项目。html

二中级篇：GitHub、 Nodejs前端

三高级篇：设计模式（sass，less）web

　　 JavaScript组件化小程序

资料选择：1.慕课网视频学习；设计模式

2.官方文档；sass

　　　　　3.项目：百度前端实战、GitHub开源、服务器

（来自知乎暗灭）

第一 CSS篇 less

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