转行WEB前端 感觉很迷茫 该怎么做?

2020-06-09 16:00:38来源:博客园 阅读 ()

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

转行WEB前端 感觉很迷茫 该怎么做?

有很多同学留言说,越学越迷茫,不知道该从哪里下手,今天梳理了一些学习web前端的经验,以及学习的步骤,分享给大家,希望对你们学习能有帮助。

有很多同学留言说,越学越迷茫,不知道该从哪里下手,今天梳理了一些学习web前端的经验,以及学习的步骤,分享给大家,希望对你们学习能有帮助。

计算机行业很多领域都符合82定律,也就是20%的东西的使用频率占到80%,所以很适合囫囵吞枣,因此我们的重点就是把这20%学起来,而首先要做的就是把这20%的东西找出来。

在我看来前端这20%的东西大概就是常用的html标签,css的盒子模型,基本的原生js,以及熟练使用jquery,ajax,常见浏览器的兼容。

拿下这些东西意义非凡,一方面证明你适合做前端这份工作,另一方面这些技能能让你找到一份工作。让你能够从容地去学习剩下的80%。

总之就是专心对付最重要的东西,那些什么less、sass、angular这类的东西,当你把我之前说的基础打好之后,学习起来畅通无阻,随学随用。

最后我觉得最难的就是实践,只有实践才能学到真正的技术,新人很难参与一些有价值有意义的项目,没有这些项目又很难成长,所以自己有项目可参与应该珍惜,没项目应该多造一些有价值的轮子。

 

对于零基础想学习web前端开发的朋友也给大家准备的一套学习资料,家web前端开发的学习裙:三二八四零零三一四,免费领取。无论你是大牛还是小白,是想转行还是想入行都可以来了解一起进步一起学习!裙内有开发工具,很多干货和技术资料分享!

学习web前端的路线如下:

1、HTML的学习

html的语法、格式,常用的标签极其作用,理解标签的嵌套,学习使用firefox+firebug或者chrom的调试工具,能够使用这些工具调试html、css、js、断点调试、抓包。

2、CSS、js的学习

如何引入css、js(有多少种方法,各种方法有什么区别),理解id、class属性的区别,学会css的常用选择器,理解盒子模型(padding,margin,border,width,height,),css坐标系,css布局(position的absolute、relative 、fixed、static),css浮动(float:left、right )和清除浮动(clear),display:inline、block、inline-block、flex。

3、基本编程的学习

js的执行顺序,基本的编程基础(变量、运算、流程控制、数组、调用函数、自定义函数、对象)、json、js的dom操作、js的事件机制(委托、绑定、监听,冒泡和阻止冒泡,兼容性),了解ajax的xmlhttprequest及其创建方法(多浏览器兼容)、跨域,明白其工作原理,

有朋友说http协议,确实是我疏忽,http协议是web的根本,所以其重要性再怎么强调都不为过,熟悉http协议对web开发的方方面面都有不少帮助,比如理解及使用ajax,比如调试程序、抓取数据等等,不过http是一个很杂很细的东西,内容很多,我建议也囫囵吞枣式地学习,先了解、熟悉简单的,以后在项目中遇到深入点的再进一步学习。

4、jQuery的学习

使用jquery解放你的开发工作,学会jq选择器,修改属性、监听事件、修改css,学会写jquery插件。这一步我觉得可以和第3步穿插学习。

5、搭建服务器

弄个傻瓜服务器比如wamp,phpstudy等软件,可以一键建立一个apache+php+mysql的服务器,前期可以把你的静态页发布到本地服务器,使用本地服务器配合ajax学习。

6、学点服务器端

学点服务器端,建议php+mysql。服务器端脚本其实很简单,总结起来就是4个东西:SESSION、COOKIE、Request、Response,结合http协议理解如何从Request取得数据,经过处理后Response给客户端。这就是整个过程。

至于mysql也就是基本的sql语句。如何使用php进行CURD操作。这块其实很难总结,基本上以实现业务为主。

7、框架学习

来点框架,理解MVC模式、推荐个比较流行的MVC框架:ThinkPHP,简洁好用不解释,国人弄的,文档和例子什么的非常丰富。

建议从1往7学习,这样你就能快速成为web前端工程师啦!


原文链接:https://www.cnblogs.com/ITbiancheng/p/13071533.html
如有疑问请与原作者联系

标签:HTMLClassIEPOSTimgfile

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:毕业生想学习web前端开发,有什么好的发展方向吗?

下一篇:HTML基础02