前端工程师可以分成 4 种,你属于哪一种?

news2024/11/25 15:54:13

在这篇文章中,探讨四种常见的前端工程,1)产品工程师,2)UI 基建工程师,3)设计师,4)工具基建工程师,你属于哪一种?

产品工程师

产品工程师负责公司提供的产品的开发和维护。他们与产品经理和设计师密切合作,了解产品的需求并确保其符合目标受众的需求。除了编码之外,他们还会在生产环境中进行 A/B 测试,以提高指标并基于数据做出关于产品的决策。

产品工程师通常只使用 JavaScript、CSS 和主要的后端语言来构建产品,而且不会偏离常规路线。根据团队规模,他们可能会与其他前端工程师一起工作,但更多情况下,他们是后端工程师团队中唯一的前端工程师。他们往往有很大的责任,要将前端和 UI/UX 的价值观融入整个团队。

经过多年经验的产品工程师通常会参与设计和采用前端组件和设计系统。通过在这个角色中获得经验,许多人后来会转向 UI 基建工程师。

UI 基建工程师

UI 基建工程师负责构建设计系统和可重用组件,使产品工程师能够更有效地工作并提供一致的高质量产品。许多UI基建工程师最初是产品工程师,但后来转向专注于为其他 Product Engineers 构建基础设施。

他们与设计师和多个产品团队密切合作,了解组织的需求,并确保设计系统和前端基础设施支持组织的目标。他们可能会从产品团队获取现有组件,重构它们,然后使它们可供所有其他产品团队使用。

UI基建工程师是公司设计系统和前端的专家,可能经常加入产品团队帮助他们将产品推向市场。他们也常常是倡导大规模迁移的人,例如从一个设计系统或前端框架转移到另一个。

设计师

设计师需要具有良好设计意识的前端工程师。这种前端工程师能够弥合前端工程和设计团队之间的鸿沟,也能够在项目经理和客户之间弥合鸿沟。这种对跨职能协作的重视确保了产品的外观和功能如预期。他们能够将复杂的设计概念转化为可行的代码,同时也为设计团队提供有价值的反馈。

通过对前端工程和设计的深入理解,他们可以反对劣质设计,并提出自己的设计来解决团队一直面临的 UI 和 UX 问题。他们也可能能够直接使用工具编辑设计团队的作品。

成为设计为重点的前端工程师的两种常见方式是:转向前端工程角色的设计师或转向设计角色的前端工程师。在这个角色中表现优秀的人很少见,如果你的团队有这样的人,那么就很幸运。

工具基建工程师

工具基建工程师负责确保前端开发流程在设计系统之外也是高效和有效的。这包括生产构建、开发人员体验和效率、测试基础设施、代码风格检查、 IDE 插件以及前端工程师在发布产品的过程中遇到的所有其他问题。

他们经常在多种技术之间跳来跳去,因为他们将前端工具链集成到公司的其他构建系统和基础设施中。成功的工具基础设施团队在很大程度上是看不见的,因为他们使系统运行并使代码库扩展时减少了摩擦,而一个杰出的工具基础设施团队就是不断提出 10 倍提高开发人员速度和生产构建时间的方案的团队。

总结

产品工程师负责构建和维护公司提供的产品。UI 基建工程师构建整个组织使用的设计系统和可重用组件。具有设计感的前端工程师在工程和设计团队之间弥合了鸿沟。具基建工程师在前端和构建基础设施的交叉点工作,确保前端开发流程高效和有效。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/114382.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

6.s081 学习实验记录(二)xv6 and unix utilities

文章目录一、boot xv6二、sleep三、pingpong四、primes五、find六、xargs该实验主要用来熟悉xv6以及其系统调用 一、boot xv6 实验目的: 启动xv6系统,并使用提供的命令ls,列出系统所有的文件ctrl p,打印当前运行的进程ctrl a…

Ubuntu22.04使用kubeadm安装k8s 1.26版本高可用集群

目录阿里云ACK集群的架构ACK实例的创建过程如下安装前的准备主机规划基线准备所有k8s master、worker节点安装kubeadmkubectlkubelet创建集群负载均衡器HAproxy安装keepalived 和haproxy配置haproxy配置keepalivedkubeadm部署第一台master节点Calico网络组件一键安装安装完成阿…

mPEG-Biotin,甲氧基-聚乙二醇-生物素科研实验用试剂

​​ 英文名称:mPEG-Biotin 中文名称:甲氧基-聚乙二醇-生物素 mPEG生物素可通过与链霉亲和素和抗生物素结合进行聚乙二醇化,具有高亲和力和特异性。生物素通过稳定的酰胺连接物与线性PEG结合。 提示:避免频繁的溶解和冻干&…

node.js+uni计算机毕设项目基于微信的同学会小程序(程序+小程序+LW)

该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流 项目运行 环境配置: Node.js Vscode Mysql5.7 HBuilderXNavicat11VueExpress。 项目技术: Express框架 Node.js Vue 等等组成,B/S模式 Vscode管理前后端分离等…

GraphQL在Django中的使用

简介 特点 请求你所要的数据,不多不少获取多个资源,只用一个请求描述所有的可能,类型系统几乎所有语言支持 谁在用 文档 Graphene-PythonGraphQL | A query language for your API 背景 传统restful的接口定义类型多,试图简…

WordPress 添加百度主动推送代码,加速网站收录保护原创文章

WordPress是世界上使用人数最多开源程序之一,它的优点有很多,譬如,简单易用、样式丰富,模板众多,安全性能高,对搜索引擎友好,收录快、扩展性强,功能强大等等,其中我最喜欢…

JVM的类加载机制

一、类加载机制 类的加载指的是将类的.class文件中的二进制数据读入到内存中,将其放在运行时数据区的方法区内****,然后在堆区创建一个java.lang.Class对象,用来封装类在方法区内的数据结构。类的加载的最终产品是位于堆区中的Class对象&…

六、应用层(三)文件传输协议(FTP)

将某台计算机中的文件通过网络传送到可能相距很远的另一台计算机中,是一项基本的网络应用,即文件传送。 文件传送协议FTP(File Transfer Protocal)是因特网上使用得最广泛的文件传送协议。 FTP提供交互式的访问,允许…

欢祝圣诞——北斗星的爱!

2022年圣诞节到来啦,很高兴这次我们又能一起度过~ ★★给大家推荐两首我很喜欢的歌曲,第一首是标题同名歌曲:1.张杰的《北斗星的爱》;另一首是:2.张杰的《星星》,这两首歌真的很震撼很好听! 我…

2022细胞生物学实验原理复习资料汇总

2022细胞生物学实验原理复习资料汇总1.2022年考试复习题及参考答案2.2021年考试复习题及参考答案3.2020年之前考试复习题汇总4.复习重点(汇总)5.排版好的PDF高清版 获取途径(资源2021年版,链接2022年最新版本)1.2022年…

Linux网络编程之epoll多路转接服务器

Linux网络编程之epoll多路转接服务器 一、epoll的基本概念 epoll是Linux下多路复用IO接口select/poll的增强版本,它能显著提高程序在大量并发连接中只有少量活跃的情况下的系统CPU利用率,因为它会复用文件描述符集合来传递结果而不用迫使开发者每次等待…

基于自动模糊聚类的图像分割研究(Matlab代码实现)

💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势:🌞🌞🌞博客内容尽量做到思维缜密,逻辑清晰,为了方便读者。 ⛳️座右铭&a…

kubernetes之数据存储详解

目录 一、存储卷的作用 二、数据卷概述 三、数据卷emptyDir 四、数据卷hostPath 五、数据卷:NFS 六、持久卷概述 6.1PV静态供给 6.2PV 动态供给(StorageClass) 6.3 PV 生命周期 6.3.1 ACCESS MODES (访问模式) 6.3.2 RECLAIM POLICY (回收策略) 6.3.3 S…

【Redis场景2】缓存更新策略(双写一致)

在业务初始阶段,流量很少的情况下,通过直接操作数据是可行的操作,但是随着业务量的增长,用户的访问量也随之增加,在该阶段自然需要使用一些手段(缓存)来减轻数据库的压力;所谓遇事不决,那就加一…

vue 基础入门:vue 的调试工具

1. 安装 vue-devtools 调试工具 vue 官方提供的 vue-devtools 调试工具,能够方便开发者对 vue 项目进行调试与开发。 Chrome 浏览器在线安装 vue-devtools :https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajb…

六、应用层(五)万维网(www)

目录 5.1 WWW的概念与组成结构 5.2 超文本传输协议(HTTP) 5.2.1 HTTP的操作过程 5.2.2 HTTP的特点 5.2.3 HTTP的报文结构 5.1 WWW的概念与组成结构 万维WWW(World Wide Web)简称web并非某种特殊的计算机网络。它…

商城管理系统

商城管理系统 文章目录商城管理系统要求:项目结构图AddProductServlet添加商品:AddToCart将商品添加至购物车ClearCart清空购物车DeleteProductServlet删除商品EditProductServlet修改商品FindProductServlet查找商品LoginServlet登录ProductControl商品…

初级C语言之【数组】

🦖作者:学写代码的恐龙 🦖博客主页:学写代码的恐龙博客主页 🦖专栏:【初级c语言】 🦖语录:❀未来的你,一定会感谢现在努力奋斗的自己❀ 初级C语言之【数组】一&#xff…

Swagger在线API文档

Swagger 解决的问题 随着互联网技术的发展,现在的网站架构基本都由原来的后端渲染,变成了前后端分离的形态,而且前端技术和后端技术在各自的道路上越走越远。前端和后端的唯一联系,变成了 API 接口,所以 API 文档变成…

C++进阶---C++11

本篇主要是介绍C11中新添加的一些特性。 文章目录 1.C11简介2.列表初始化3.变量类型推导4.新增容器---静态数组array5.右值引用6.lambda表达式7.包装器8.新的类功能9.可变参数模板一、C11简介 在2003年C标准委员会曾经提交了一份技术勘误表(简称TC1),使得C03这个名字…