怎么学习前端开发?求推荐学习路线?

首先,我是软件工程系的研究生,女生 说这个原因就是,我有代码能力,但不强悍。。 作为一个女生对样式也很感兴趣。。。 现在做测试开发岗位,我的工作主要是…
关注者
4,790
被浏览
2,608,270
登录后你可以
不限量看优质回答私信答主深度交流精彩内容一键收藏

第一 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篇

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


未完待续


学习编程给大家推荐知乎旗下的职业教育品牌「知学堂」这款APP,不仅有各种编程语言如Python、Java、C++的基础语法,还有丰富的可以写入简历的实战项目,无论是职场进阶还是求职,都很适合,链接在下面了——

编辑于 2023-05-10 15:25・IP 属地北京