【CSDN编者按】前端工程师的薪资之高是业界公认的事实,但是很多人会质疑前端工程师,认为他们并不能称为软件工程师,也“配不上”高昂的报酬。本文的作者分享了自己从一个前端菜鸟成长为一个10人前端团队主管的从业经历,并表示,前端人员的技术特性就是很值钱!

以下为译文:

我第一次通过软件赚钱是在2008年。

当时,我为当地的一家小公司构建了一个 WordPress 网站,时薪是25美元。开发软件是我的业余爱好,当我发现爱好居然能够赚钱时,我兴奋不已。最后,我用这笔外快购买了自己的第一台相机。

时间来到2018年。在湾区,刚毕业的初级前端工程师基本年薪已经达到了6位数。至于那些有几年工作经验的前端工程师,FANG 公司(Facebook、Apple、Netflix、Google 等)开出的薪酬可达40万美元。初创企业或者西雅图和纽约的科技公司给出的待遇也差不了多少。

那么,前端工程师工资如此之高的原因是什么?甚至有很多人眼红、质疑前端工程师,认为他们不能称为软件工程师。以下是我学习和工作经历,从一个前端菜鸟成长为一个10人前端团队的主管。

什么是“前端工程师”?

“前端”是指软件的表现层或者用户界面(UI)。前端工程师主要使用 Web 技术实现UI。前端工程师与 Web 开发人员的主要区别在于,前者需要构建交互式应用程序,而后者主要构建专注于内容的网站。如果前端工程师从事 iOS 等其他平台的开发工作,他们可能被称为 UI 工程师或者 iOS 工程师。如果开发过程非常重视设计,他们也可能被称为 UX 工程师。

从我自己的经验来讲,我坚信最优秀的前端工程师应当专注于 UI 的实施。他们在该领域磨练自己的技艺,并且不断学习最新的 UI 技术。全栈工程师需要做前端工作,非常适合在小团队中从0到1构建产品。全栈工程师无法兼具前端工程师、后端工程师、可靠性工程师和数据分析师。

如今软件技术的每个细分领域都得到高度发展,追寻技术的广度使得全栈工程师无法真正深入某个领域。

最显眼的工作

作为一名前端工程师,弊端很明显。

按钮无法点击?找前端。搜索结果不满意?即使是源数据的问题,用户也认为是前端的错。用户只会上报那些他们看到的错误。前端工程师开发的东西就是被用户所见的,因此一切都是前端的错。作为前端工程师,很难向用户解释清楚。用户不关心问题是否与数据或者 API 服务有关,他们只知道在浏览器中搜索苹果,那么搜索结果就应该是苹果的照片。

软件工程师最主要的时间不是用来写代码,这可能会让你非常吃惊。实际上,他们把更多的精力花在了沟通上。前端工程师是离用户最近的开发人员,他们往往是最能把握用户需求的人。

UI 实现并非易事

具有良好 UI 效果的产品能够更容易获得用户的信任。信任度会直接转化为收入,网站页面的加载时间每增加一秒就会丢失10%的用户。

前端工程师竭尽全力对加载时间进行毫秒级的缩减,就像波音公司的工程师减轻飞机重量一样。例如,Stripe Billing 的主页在移动3G网络下的加载时间不到1秒。下载到你设备中的数据包比谷歌主页的还小,它是出了名的轻量级网站。那么,它是如何在页面中嵌入高分辨率视频的呢?

当你仔细观察开发人员工具时,你会看到“视频”只是简单的 HTML,网站将它们精心组合在一起并使用 CSS 进行动画处理。HTML 和 CSS 比视频轻量级得多,因为它们只是告诉浏览器如何呈现 UI 的文本指令。无论屏幕尺度分辨率如何,该技术都可以呈现很好的效果。即使放大界面,视频依然很清晰。这项工程能够提供很好的用户体验。

性能只是优秀 UI 效果的众多方面之一。

用户在移动设备上逗留的时间最长,那么如何在移动设备上提供更好的 UI 效果呢?前端工程师可以针对4种尺寸的 iPhone 和数百种尺寸的 Android 手机适配 UI,而无需为每种尺寸的设备构建单独的 UI。对于中国的14亿用户怎么办呢?前端工程师可以构建国际化框架,以便翻译人员可以轻松将应用程序翻译成其他语言。想要具有包容性并遵守 ADA 可访问性标准吗?前端工程师可以让用户通过键盘和屏幕阅读器访问整个应用程序。应用程序的众多受众和环境使前端工程师的工作变得困难。然而学校并没有教授这些技能,前端工程师不得不持续学习,用最新的技术来应对不断变化的平台。

前端人员不仅仅是工程师

一致性是优秀 UI 的另一个重要方面。谁在乎一个按钮边框是1像素,而另一个按钮边框是2像素?我经常会和朋友们一起讨论这个问题,不论他们是工程师与否。我的导师Charles d'Harcourt 说得最好——当用户发现界面元素没有满足他们的预期时,他们就会失去对该产品的信任。他在许多明星产品上一次又一次地强调这一点,比如WebObject、iTunes和Chrome。

前端工程师不仅仅是工程师,他们利用自己的设计直觉和用户共鸣提升用户界面的人性化。在我看来,这一点将使那些杰出的前端工程师从普通工程师中脱颖而出。而在日常工作中,前端工程师需要与产品经理和设计师进行良好协作,需要平衡需求和实施难度,以满足用户需求,并以最少的审核周期解决错误和不一致问题。

设计直觉和用户共鸣很难量化。对于我曾经合作过的许多优秀的前端工程师来说,这两者已经深入他们的灵魂。前端工程师接受的教育往往是跨学科的。他们喜欢颠覆已经被精心设计的产品。他们还有充满创造性和艺术性的爱好。有些学校,比如斯坦福大学,会教授艺术与工程的融合。关于设计直觉和用户共鸣的教授方法,我很乐意听取大家的意见。

高效前端团队造价高昂

尽管我热爱前端工作,但我并不认为仅仅靠一个优秀的 UI 就可以让产品变得伟大。让产品变得伟大的核心因素在于:真正解决用户的问题。Craigslist 就是一个典型的例子,它采用极其简单的以文本为中心的 UI。

如果你想打造一支优秀的团队,那么首先得问问自己,你是否希望并且能够根据 UI 区分你的业务。

像所有最优秀的其他工程师一样,优秀的前端工程师只对伟大的产品或者拥有前端大牛的团队感兴趣。那么,你是否拥有优秀的 UI 产品,是否拥有前端大牛?Stripe 已经拥有了优秀的 UI,并且其前端团队非常强大,因此它才能吸引 FANG 公司以及各大名校的前端人才。

如果你雇用最优秀的人才并为他们支付行业最高的薪酬,那么这些优秀人才为你的业务带来的收益可能会远远超过你在人才方面的支出。——Netflix 首席人才官 Patty McCord,关于如何招聘

打造一个高效的前端团队需要提供充满竞争力的薪酬。

尽管也有例外,比如那个热衷和你一起做开源项目的高手可能期望薪酬只有 Facebook 的一半。当然也有一些优秀的前端工程师并不要求硅谷级别的待遇。但这毕竟是小概率事件,为前端工程师设置过低的薪酬存在风险。因为员工流动成本很高,不能顺利完成产品的风险将导致更多问题,其消耗的预算也更多,有些得不偿失。

原文:https://shan.io/writing/frontend-engineers-are-expensive-but-theyre-worth-it/

作者简介:Ray Shan,是专业的产品领导者、金融家和艺术家。他与聪明的团队合作,利用其广泛的背景设计和制作令人愉快的产品。

译者:安翔,责编:郭芮

如果你有优质的文章,或是行业热点事件、技术趋势的真知灼见,或是深度的应用实践、场景方案等的新见解,欢迎联系 CSDN 投稿,联系方式:微信(guorui_1118,请备注投稿+姓名+公司职位),邮箱(guorui@csdn.net)。

转载于:https://www.cnblogs.com/chenlb/p/9597920.html

转 前端工程师凭什么这么值钱?相关推荐

  1. 前端工程师凭什么这么值钱?

    [CSDN编者按]前端工程师的薪资之高是业界公认的事实,但是很多人会质疑前端工程师,认为他们并不能称为软件工程师,也"配不上"高昂的报酬.本文的作者分享了自己从一个前端菜鸟成长为一 ...

  2. 面试字节跳动前端工程师的2点经验分享,建议收藏!

    首先我来辟个谣: 随便打开一个招聘网站,你会发现前端工程师的岗位需求依旧庞大,大厂人才奇缺,就业薪资起点高,无行业限制. (数据来源:职友集) 前端开发的行业大环境 行业升级,如果说以前只会HTML. ...

  3. 面试字节跳动前端工程师被拒了,只因为......

    首先我来辟个谣: 随便打开一个招聘网站,你会发现前端工程师的岗位需求依旧庞大,大厂人才奇缺,就业薪资起点高,无行业限制. (数据来源:职友集) 前端开发的行业大环境 行业升级,如果说以前只会HTML. ...

  4. 疯狂html5+css3+javascript讲义 pdf_成为一名优秀的HTML5前端工程师需要掌握哪些技能?...

    在招聘网站上搜索可以发现,优秀的HTML5前端工程师薪资轻松可以过万,成为企业争抢的对象,那么想成为一名优秀的HTML5前端工程师需要学习哪些内容呢? 一般来说,HTML5学习内容主要有以下三大板块: ...

  5. 现在Web前端工程师年薪区间是多少?

    对于互联网公司来说用户就是上帝,做好客户体验一切才有可能.所以互联网公司都会把钱砸向前端,Web前端程序员也越来越受到企业争相聘用.但web前端工程师真的那么值钱吗? 1web前端不同阶段薪资待遇如何 ...

  6. web前端工程师不同级别分别掌握哪些技能

    随着大前端时代的到来,移动互联网颠覆了PC互联网.接下来,前端将颠覆原生App世界.而近几年,前端技术能力的值钱程度很突出,名列前茅.这正代表了前端技术的当前行情.前端工程师一般分为初级工程师.中级工 ...

  7. Web前端工程师的一些常见误区

    想要作为一名合格的web前端工程师,那么掌握基本的开发技术是远远不够的,在职场中还要少犯一些错误,本期小编为大家分享的web前端培训教程主要是介绍一些web前端工程师常见的误区,希望对大家有所帮助. ...

  8. 前端工程师成长之多读好书

    1 引言 乱七八糟的书看了很多,有一本讲JavaScript的印象特别深开篇说的是"JavaScript是Java的脚本语言",但还是看完了,最后忘了书名. 下面列的这些都是看过后 ...

  9. 前端工程师现在需要掌握的是什么?

    企业招聘要求: 1.ps基础和核心/HTML5/CSS3 2.Jquery.Ajax.Bootrap.Angular.js 3.HTTP协议.服务端开发技术 4.UI交互设计 5.微信开发技术.HTM ...

最新文章

  1. 机器学习模型质量评价标准 — 精准率、召回率
  2. 使用Vue+Spring Boot实现Excel上传
  3. 数据意识上的“代沟”
  4. 使用Matlab求解定积分/不定积分
  5. ADS2017打开出现cannot create the directory,解决办法。
  6. 董海冰:2018风云再起 ,期待AV1、AI和AR
  7. el表达式取值优先级
  8. Unicode简介【转】
  9. 互联网产品用户体验设计的三大定律
  10. Linux shell脚本的建立与执行
  11. 栈式降噪自编码器_栈式降噪自编码器( SdA)与深度信念网络(DBN)相比有什么特点优势,应用的范围是什么?...
  12. Docker架构、常用命令和示例
  13. 只在用户登陆时运行_linux 系统的7个运行级别
  14. 什么是迁移学习?它都用在深度学习的哪些场景上?
  15. UVA-12661 Funny Car Racing (dijkstra)
  16. lua数据结构php,Lua数据结构
  17. 安卓24:Android关于日期和时间的几个相关控件DatePicker、TimePicker等
  18. 【CSS】关键字 -webkit-fill-available 详解
  19. 二维邮局选址问题-带权中位数
  20. html文字抖动效果,CSS实现TikTok文字抖动效果示例

热门文章

  1. 2022-2028年中国美瞳行业应用市场需求及开拓机会研究报告
  2. Redis概述和基础
  3. LeetCode简单题之反转字符串
  4. TVM示例展示 README.md,Makefile,CMakeLists.txt
  5. CUDA 7流简化并发
  6. 3D MinkowskiEngine稀疏模式重建
  7. 用户自定义协议client/server代码示例
  8. CUDA C++编程手册(总论)
  9. php配置mongodb扩展、安装mongodb服务教程
  10. Android 判断某个服务是否正在运行