1. 首页
  2. IT资讯

转行做Web前端的系统学习必备知识

随着最近几年来互联网的迅猛发展和普及,Web前端工程师已经成为互联网时代软件产品研发中不可缺少的一种专业的研发角色。那么转行做Web前端工程师的学习顺序是什么呢?

转行做Web前端的系统学习必备知识

1、基础

前端的基础,相信大家都有所了解:HTML5、CSS3、JavaScript,但是它们的学习顺序是什么呢? HTML > CSS > JavaScript,之所以这么排并不是因为JavaScript最不重要,JavaScript是前端一切学习的基础,但是HTML5和CSS3在学习上比较好入手。

HTML5与CSS3可以在一起学习,因为HTML5的标签只有配合CSS3样式才能达成优美的页面效果,没有CSS3的页面只能是很多年前的门户网站的样子。随着HTML5和CSS3的普及,以及浏览器对它们的支持,越来多的产品都选择用HTML5开发,HTML5甚至可以直接作为一个前端开发方向。

2、框架

说到框架学习,如果说JS框架的话,相信很多人一定会脱口而出jQuery,这是很多当初进入前端开发领域一定会学习的内容。但是并不建议大家把很多的时间放在学习jQuery上,因为现在市场上对于jQuery的使用已经变少了。

web前端入门到精通学习视频资料点击加入获取

那么目前市场上新兴的框架,应该如何学习呢?ES6是一定要去学习的,在Vue2.X,AngularJS2,React中都对ES6提供了原生的支持,以后很多新的特性肯定也会使用ES6的语法去编写。

3、算法模块化&组件化

前端开发已经从原来的整体化开发发展到现在的模块化开发,甚至是组件化开发,开发过程愈发精细,讲求的是代码的可复用性。以前一个页面从上到下一次编写的过程,现在已经发展为先将页面进行拆分成模块甚至是组件,不同的人关注不同的模块,组件,提高开发效率。在模块化开发中,不得不提到CommonJS,AMD和CMD规范,并且有不同的实现,比如RequireJS。

4、构建工具

前端开发是离不开构建工具的,自己写的代码如何打包压缩,ES6的代码如何编译成JS,Sass,less代码如何编译成原生CSS,这些都是构建工具去完成的。有了构建工具,可以极大的提高我们的开发速度,这里不得不提到的就是gulp和Webpack。

gulp是一种任务驱动型的构建工具,通过管道处理数据流,提高了数据处理速度,而且其提供的一系列插件也很方便使用。

而Webpack的作用就是把所有浏览器需要发布的静态资源做相应的准备,比如资源的解析、合并和打包,它提供了强大的加载器和插件机制,例如Vue-loader提供了对vue的支持,babel-loader提供了对ES6的支持。其他的构架工具还有工程化构建的Yeoman,Slush,FIS等。

5、全栈

Web前端开发到最后就是要走全栈开发的道路了,全栈开发以NodeJS作为服务端语言,基于NodeJS实现的服务端框架有Express,KOA,目前也发展的越来越成熟。既然讲到全栈开发,肯定会通过服务端语言操纵数据库,因此对于数据库的知识也肯定要掌握的。

6.看到难点就逃避

这一点,相信很多人都有感触,就在开发上,遇到上一个或者几个自己觉得没办法实现的需求或功能。千方百计地想着逃避,比如:这个功能不是很重要,不做可以吗?这个功能我从来没弄过,搞不定的。这个功能外包给别人做吧,我们做不了!很多一些逃避话语。大家可以想下,如果每次都是逃避,那么时间一久,自己技术水平是不是还停留在基础那个阶段?以后要怎么提升自己的技术水平。

web前端入门到精通学习视频资料点击加入获取

个人建议:迎难而上。在web前端开发这块,如果遇上了难题是正常的,如果没遇到难题就是见了鬼!面对难题,我们应该是挑战难题,而不是逃避!大家都想提升自己的技术水平,挑战难题不就是一个很好的提升技术水平的实战机会吗?如果完成了之前认为不可能完成的难题,这样就是一个技术水平提升的见证!不是吗?我也觉得,每天就写简单的业务代码,不探索新知识,不挑战难题,这样做开发也没多少意思!

7.能用就行,不想优化

这个也是一个很常见的情况,很多人认为写的代码能用就行,能实现需求就行!根本不管日后的优化。在开发项目或者开发插件上,虽然我也是提倡:先实现,再优化这个方式!但是并不代表我开发完了就完了,不会再想优化!如果不试着去优化自己的代码,不探索写代码的更好方式,以后别说编写高质量,简洁的代码了,因为自己把学习编写高质量,简洁的代码的一个重要途径给封锁了。还有一个就是,项目上,有些问题可能是潜在的,就是现在看着项目没出现什么问题,但并不代表以后不会出现问题。反而在项目开发完了之后,试着去优化自己的代码,探索更好的实现方式,试着编写出高质量,简洁的代码。这样难道不是一个很好的学习过程吗?至于优化代码的方式,很多很多(比如常说的:代码过于重复,是否引入设计模式?网站性能一般,可否进行优化?),优化这一块,也不是说一步就优化到最好的,而是至少不会比以前差!关于优化,我之前也发过一些资源。很容易找到,网上的资源更是很多!大家挑着看便是!

8.不懂不问和不懂立刻问

不懂不问,这个大家都知道,就是遇到问题,从不问同事或者通过其他方式咨询别人。就是自己在那里苦思冥想,尝试各种解决方案。这样的方式,最坏的结果就是最终还是解决不了问题,让同事来询问开发情况。最好的结果问题解决了,但是解决问题所花的时间会肯定很多。

不懂立刻问,这个就是词面的意思。遇到问题马上问别人。自己没怎么思考或者根本不思考。这样能解决问题,但是这样会导致自己可能会频繁的问同事,会搞得同事很不耐烦。如果把同事的耐心磨没了,可能回答的语气可能不会很好。这样不仅影响同事之间的关系,还会让自己之后不敢再请教同事,有让自己处于上面所说的不懂不问的风险。

个人建议:适时请教。遇到不懂的问题,先自己结合上下文思考下,想下以前有没有遇到这个问题,解决不了去网上找解决方案,如果还没有解决问题,这个时候再问别人,问同事或者通过其它渠道问别人。这样自己有了思考,解决问题的时候记忆也很深刻,也不会频繁的打扰同事!

9.不懂装懂

这个次面上跟上面的差不多,但实际上不一样!不懂装懂就是去问别人的时候,实际上别人的讲解并没有完全听懂,可能是碍于面子或者是因为不好意思打扰别人那么久,或者担心打扰别人太久,所以装作很懂。但是这样可能忽悠得了一时,很快又会露出马脚。这样会搞得隔一会又要去问别人同样的问题,这样反而会搞得别人更加尴尬,更加为难!自己也会打扰别人更多的时间!

web前端入门到精通学习视频资料点击加入获取

个人建议:如果有问题去问别人,只要你问的人不是一个非常没有耐心的人。他都会耐心的解答你的问题!所以,当问别人问题的时候,一定要确保自己是已经弄懂了问题的缘由,同事一遍没解释清楚,自己直接回答不明白,相信很多人都会再详细的解释一遍。如果担心同事工作忙或者其它原因,可以挑一个合适的时间!我现在问同事就是,要么不问,要问就切底弄懂!当然了,我的同事都很有耐心,每次我有什么问题,他们都会耐心解答,甚至是扩展开来讲!

10.没理清楚需求就写代码

很多人在接到需求之后,第一反应就是写代码,即使是在自己没把需求理清楚之前也是照样写代码。另一种情况就是,很多人是边写代码,边想需求。这个开发方式,万一自己对需求理解有误!可能会导致自己写的代码,很大一部分都要修改,甚至是全部删除重写。没理清楚需求就写代码这个情况,发生的概率应该挺大的,但是一般来说很难发现这个情况,毕竟程序员对代码的增删改查是再正常不过了!我本身也不知道,就是在一次的技术分享中,老大提出来的,他的建议就是对于一些稍微复杂一点的需求,先理清楚需求,简单画个流程图,然后在代码里面,先写上一点注释,再开始动手写代码!对于这一点,我现在就是在执行当中!除非需求真的很简单,否则我都会在草稿本上简单画一下流程图。比如下面这个,这个已经是我画的流程图里比较简单的一个了。根据流程图,写好注释,再写代码,这样会比较有条理,代码也清晰,日后的返工也可能会有,但是不会像以前那么多!在开发时间上,效率上,都得到了一个提升!

原文始发于:转行做Web前端的系统学习必备知识

主题测试文章,只做测试使用。发布者:玩家L-,转转请注明出处:http://www.cxybcw.com/21829.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code