牛逼的前端工程师是如何练出来的

64 篇文章 0 订阅
64 篇文章 0 订阅

如何定义牛逼工程师

有软件工程方面的研究说,对于开发者个体而言,最优秀的开发者的生产效率约为平均值的2倍,而优秀的开发者会吸引其它优秀的人,或者激励与帮助团队中的其它成员,最终使团队之间的生产效率差异达到10倍之多。

所谓牛逼的工程师,就是那些个体效率是其它人2倍,形成团队之后达到10倍差异的一群人。

image

前端领域这几年发展速度非常快,人才分布呈两级分化趋势,大家都在说缺前端,其实缺的是牛逼前端,对于低端的前端,培训机构一直在量产,但是无法满足要求。很多情况下,一个牛逼前端对于团队的价值是再多低端前端都无法提供的。

牛逼的前端工程师有一些共通的特质,这些特质也许不属于前端的核心范畴,但是可以通过它们将牛逼的人识别出来。

对用户体验的追求

不要认为用户体验只由设计师和产品经理把关就可以了。前端工程师对用户体验的关注度会直接影响产品的最终效果。

不管设计文档有多么详细,产品中仍然有大量的细节是设计方没有考虑到或者默认的,而这些细节需要前端工程师来把关。同样的设计,交给不关注体验的前端来做的话,会有很明显的粗糙感,而想要填平这些粗糙感需要大量的附加成本。

目前多数视觉设计师的不足是无法以动态的角度理解产品。比如我们要出一个设计稿,PC时代我们会出一个固定宽度的稿,比如800像素,然后让工程师去还原。后来到移动时代,我们会让设计师出两三个稿,对应不同屏幕的手机。这就是缺乏动态思维的弥补措施,无论出几个宽度的视觉稿,都只是动态形态的截面。

image

动机来源

我遇到的很多转行做前端的人是认为前端门槛低,所以先从前端做起。这样的人也许能做基础的工作,但很难做到优秀。

牛逼前端是奔着前端领域有更多的挑战和发挥空间而来的,而不是为了好找工作。事实上胜任高级前端的职位很难,我们招聘高级前端工程师的面试通过概率可能是研发类职位中最低的。

还有的人说对前端有兴趣,所以转行做前端。对于前端的兴趣要建立在对计算机的兴趣、对编程的兴趣之上。如果一个人对于做前端很有兴趣,但是对做后端或者其它开发类职位有排斥,那么就要对他的兴趣打个问号了,这类人可能不适合做研发类的工作。

全栈意识

这里所说的全栈并不是真的要去做后端工程师一样的事情。对于前后端分离,很多人有误解,理解成前端不用写后台代码。真正的前后端分离指的是系统级的分离,前端有独立的系统,当然要有自己的后台,还有各种辅助支撑系统。代码构建、发布、线上运维、数据统计监控都要了解,否则没法独立承担一块业务。

牛逼的前端工程师首先得是一个牛逼的软件工程师,他们是不会给自己的能力设限的。

而前端工程师所做的事情是将截面延展为一个完成的产品形态。

牛逼的前端能够主动追求用户体验的提升,对于交互、UI、视觉设计有基本的认识和审美能力,即使脱离设计师的支持依然能交付用户体验良好的产品。

image

了解自动化测试

优秀的前端不一定真的有多丰富的自动化测试实践经验,但一定要了解与自动化测试相关的基础知识。系统的可测试性本身比具体的测试用例覆盖度更重要。追求质量不是一件有时间了再去做的事情,追求质量本身是提高效率的方法,从而给你更多的时间。自动化测试是前端工程化建设的必备环节,虽然前端的自动化测试还没有形成稳定且应用广泛的实践方法,但是自动化测试这一块完全缺失的话,肯定是成为不了一个牛逼前端的。

重视监控系统

初级前端看功能,中级前端看测试,高级前端看监控。

前端做监控的目的就是在产品上线之后要从用户端拿到第一手的数据,毕竟用户端好用才是真正的好用。

目前多数公司对于前端的监控做的是不够的。在前后端分离的技术架构之下,前端要有自身的一整套监控体系才行。

很多时候后台监控到的是结果,结合前端监控才能分析出原因。我举个例子,比如后台监控到实时订单量骤减,这个是最终的结果,如果有前端的监控,我们就要看一下前端的可用性状况、各个页面的UV、加载性能、每个交互环节的点击量,各个接口的性能和出错占比、前端代码报错的量和位置,然后定位出问题所在。

真正经历过大型项目并且做过技术架构的工程师都会重视监控系统的建设。

做好监控需要有很好的大局观,一方面是产品的大局观,包括思考用户会如何使用产品,如何量化这些行为,每个环节数据的预期变化。另一方面是技术的大局观,要了解到整个技术架构不同模块是如何协作的,怎样测量它们是否正常工作。

image

总结

牛逼前端肯定不会只把时间花在研究浏览器上,他们所共有的特质就是:对于用户体验的追求、迎难而上的动机、全栈意识、注重自动化测试与数据监控。基础知识之外,对于周边体系的掌控状况最有区分度。

image

最后,给大家推荐一个前端学习进阶内推交流群685910553前端资料分享),不管你在地球哪个方位,
不管你参加工作几年都欢迎你的入驻!(群内会定期免费提供一些群主收藏的免费学习书籍资料以及整理好的面试题和答案文档!)

如果您对这个文章有任何异议,那么请在文章评论处写上你的评论。

如果您觉得这个文章有意思,那么请分享并转发,或者也可以关注一下表示您对我们文章的认可与鼓励。

愿大家都能在编程这条路,越走越远。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,让我试试! 首先,作为一名人工智能,我需要了解一下什么是前端页面。前端页面指的是通过 HTML、CSS、JavaScript 等技术来完成的网页设计、开发和实现。既然是华为前端页面,那我们需要做一些炫酷且实用的设计。 我们可以从以下几个方面来入手: 1. 设计醒目的首页 一个好的首页可以让访问者对网站产生好感,留下深刻的印象。华为作为国内知名的科技公司,其网站首页一定需要高端大气上档次,我们可以考虑采用黑色加黄色的设计方案,让整个页面看起来更加高端大气上档次。可以通过一些动画效果或者视频背景来提升首页的创意和艺术感。 2. 提供便捷的导航方式 网站的导航通常会放在页面的顶部或者左侧,该部分要尽量简洁明了,遵循用户的使用习惯。我们可以采用华为手机自带的底部导航栏,让用户更加方便的进行操作。另外,我们也可以新增智能推荐功能,根据用户的访问记录或者行为,给出个性化的推荐链接。 3. 使用响应式布局 随着科技的进步,越来越多的人使用手机进行网站的访问。因此,我们需要考虑采用响应式布局,让网站在不同设备中都能够自适应大小。这样能够提升用户的使用体验和参与度。 4. 数字化和交互式设计 在设计网站时,我们可以新增数字化和交互式设计。例如,我们可以在网站上增加实时在线聊天室,客户可以与华为代表进行在线互动。换而言之,跨越数字和人类之间的边界,可以更好地服务于客户,提升企业形象和品牌形象。 这些都是设计华为前端页面时可以考虑的一些方案,当然细节还需要不断优化和完善。希望我的建议能够对华为同事的工作有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值