前端工程师

图标
建筑师图标
图标
灯泡图标
图标
剪贴板图标
图标
拼图图标
相关职位:前端开发工程师、前端网页开发工程师、用户界面开发工程师、用户体验(UX)开发工程师、前端软件工程师、前端架构师、JavaScript开发工程师、React开发工程师、Angular开发工程师、Vue.js开发工程师、CSS开发工程师、HTML开发工程师、UI/UX工程师、前端设计师、前端开发专家

聚光灯

相似标题

前端开发工程师、网页开发工程师(前端)、用户界面开发工程师、用户体验(UX)开发工程师、前端软件工程师、前端架构师、JavaScript开发工程师、React开发工程师、Angular开发工程师、Vue.js开发工程师、CSS开发工程师、HTML开发工程师、UI/UX工程师、前端设计师、前端开发专家

职位描述

网站不会自己建(至少目前如此)。它们需要专家精心规划,这些专家负责开发框架和技术功能,主要由后端开发人员完成。还有前端网页开发人员或工程师,他们设计并选择用户交互的元素。 
 
总体而言,他们根据客户需求负责网站视觉呈现。根据项目规模,他们会协同团队确保客户愿景得以实现。如今客户日益追求精简且适配移动端的网站。  
 
前端工程师擅长运用相关图形与内容创建高效布局,同时整合特定功能模块(如购物结算功能)。这要求他们精通HTML、CSS和JavaScript等适用语言。该职业前景广阔,未来数年需求预计持续增长。 

职业生涯的回报
  • 探索计算机语言的可能性,为客户创建定制化网站
  • 助力企业通过强大的在线形象取得更大成功
  • 培养高需求且随时随地都能派上用场的可转移技能
2018年就业
160,500
2028年就业预测
181,400
内幕消息
工作职责

工作日程

  • 合格的前端工程师的工作时间取决于雇主安排。许多人从事常规的全职办公室工作,也有部分人以合同制形式居家办公。该职业领域包含大量自由职业者,其中不乏海外从业者。由于汇率差异,部分美国境外工作者能提供更低报价。当项目面临紧迫期限或出现突发问题时,该领域所有从业者都需做好加班准备。

典型职责

  • 与客户、项目经理、潜在的用户体验设计师、用户界面设计师以及后端开发人员会面,共同探讨网站设计与内容创意。 
  • 讨论所有必需的品牌元素、内容、图形、视听组件、动画、所需功能及其他相关事项
  • 规划现有网站全面改造与升级所需的工作 
  • 基于其他团队成员和客户的输入,构建原型概念并制作图形供评审和反馈
  • 运用多种编程语言编写可执行的代码,将设计方案转化为现实
  • 额外职责
  • 进行广泛测试以确保代码按预期运行;根据需要进行调整。
  • 了解哪些团队成员参与了任何特定项目,以及他们的角色和职责
  • 备份文件以防万一
工作中所需技能

软技能

  • 出色的倾听能力
  • 注重细节
  • 良好的电话和电子邮件礼仪 
  • 客户服务技能
  • 专业风范
  • 团队导向
  • 目标导向
  • 耐心;准备迎接挑战
  • 分析性、批判性思维
  • 富有创造力、艺术感和灵活性
  • 熟悉其他团队角色,例如内容创作者和SEO专家
  • 对心理学及用户与网站互动方式的普遍认知
  • 能够接受反馈和批评
  • 具备出色的时间管理能力

技术技能

  • 具备HTML/CSS、JavaScript语言的实际操作经验
  • 在以下方面具备不同程度的专业知识:
  • jQuery 
  • CSS和JavaScript框架(例如Bootstrap和AngularJS)
  • CSS预处理器(如Sass、Less、Stylus等)
  • 版本控制软件(Git)
  • 响应式设计
  • 测试和调试程序(例如 Mocha 或 Jasmine)
  • 浏览器开发者工具;构建/自动化工具
  • 网页性能(Grunt、gulp)
  • 命令行 
  • 对网站设计与品牌建设领域快速变化趋势的了解
  • 对社交媒体应用互动与分享功能的理解
  • 愿意根据需要提升技能
不同类型的组织
  • 计算机系统设计机构
  • 出版 
  • 广告
  • 管理咨询公司
  • 大型企业和组织 
  • 医疗保健行业
  • 政府机构
  • 自雇人士
期望与牺牲

如今,世界上几乎所有组织都拥有某种形式的在线存在,拥有独特的网站已成为常态。自欧洲核子研究中心、Acme实验室、万维网蠕虫和Doctor Fun等早期以文本为主的网站诞生以来,技术已取得长足进步。企业渴望拥有高速、前沿的网站,这些网站能抓住用户注意力并持续吸引,从而将访客转化为付费客户。 
 
非企业类网站同样需要引人入胜的设计,以高效满足用户需求。 前端工程师面临的压力可能巨大,这取决于网站功能的复杂程度。因此,在网站上线前进行测试和调试至关重要,同时必须与团队其他成员紧密协作,确保网站安全可靠且能承受预期流量。黑客时刻伺机寻找漏洞,企图通过攻击导致网站崩溃、植入病毒或窃取信息。 

当前趋势

技术永不停歇地变革与进化,这正是网页开发者必须紧跟潮流的原因。从微前端到原子设计,前端工程师需要掌握的创新浪潮正汹涌来袭。认证体系可能难以跟上实战中的快速变化,因此通过阅读和同行交流保持信息同步至关重要。 
 
近年来网购需求激增,迫使众多企业进行重大业务转型,这要求网站进行全面升级。网站还必须具备移动端友好性——这在过去并非必然要求。随着外籍劳工加入就业竞争,提升英语及其他沟通技能至关重要,方能获得或保持相对于廉价劳动力群体的竞争优势。 

在这个行业里,人们年轻时喜欢做些什么呢……

前端工程师大多在室内工作,且常独自完成任务。许多从业者早在高中或更早时期就对计算机和技术产生了浓厚兴趣。该领域格外注重优雅的设计,因此常吸引富有艺术气质的人才。从业者普遍具备敏锐的视觉审美能力,可能曾热衷于艺术、设计及多媒体项目,或许享受过制作视频或在GoDaddy、WordPress、Wix等平台搭建个人博客与网站的乐趣。 
 
尽管工作包含大量独立时间,但该岗位同样需要充分的协作精神与团队配合。这类合作能力通常在校园或课外活动中得到锤炼。从业者必须是积极的协作伙伴,而非固执己见、坚持"凡事按自己方式行事"的思维者。 
 
前端工程师在业余时间往往怀有强烈的求知欲,主动精进技能而不需他人督促。换言之,他们发自内心地热爱这份工作!他们具备高度发达的同理心,能设身处地理解管理者、企业主、客户及其他终端用户的需求——这种能力或许源于童年时期的培养。 

所需的教育和培训
  • 前端工程师通常拥有计算机科学或编程专业的学士学位,但这并非必需条件。
    • 根据O-Net Online的数据,46%的网页开发人员拥有本科学位,17%持有大专证书,另有17%拥有副学士学位。
    • 网页设计是受欢迎的副学士学位选择之一
    • 平面设计课程对许多职位都至关重要
  • 实践工作经验通常与学术能力同等重要。从业者必须掌握HTML、JavaScript等编程语言,并具备上述提及的其他编程及软件技能。
  • 雇主不仅关注技术能力,更重视软技能的证明,因此请勿忽视英语、写作、口语及管理课程的学习。
  • 通过以下内容自主学习:
    • LinkedIn Learning 的《成为前端开发者》
    • Udacity前端网页开发纳米学位课程
    • CompTIA IT基础知识
    • 供应商/技术特定认证,例如Google Cloud、RedHat、Microsoft(MTA、MSCA、MSCE)
    • 优达学城:
      • 网页开发者训练营 
      • 2019年全栈网页开发者指南:从零到精通
    • Coursera:
      • 人人皆可参与的网页设计
      • 杜克大学JavaScript、HTML与CSS编程基础课程 
      • 技能简述:前端开发
选择大学时应关注的要素
  • 有人认为计算机信息系统专业是最佳的前端工程师学位选择。
  • 查看《美国新闻与世界报道》年度最佳计算机科学项目和最佳编程语言项目排名
  • 前端与后端设计课程均可提供帮助,同时项目管理和数据库设计课程也颇具价值。
  • 通过注册在线或混合课程,节省在不同课堂之间奔波的时间
  • 确保该机构获得完全认证
高中与大学期间的必做之事
  • 自主学习。入门所需的大部分基础技能都可以免费或花很少的钱获得(参见上文的教育与培训建议,以及下文更多推荐网站列表)。
  • 建立一个已完成项目的作品集,并附上实现这些成果的具体工作记录。
  • 自愿协助学校或其他协会维护其网站
  • 寻找提供实践工作经验机会的实习岗位
  • 当你足够优秀时,就跳上Upwork平台,开始建立你的自由职业者资历吧。
  • 加入计算机俱乐部,与他人建立联系,互相传授技能和技巧。
  • 通过相关课程提升您的客户服务与沟通技巧
  • 时刻关注新兴技术与当前趋势
  • 阅读该领域热门的Quora作者,并向他们提问
典型路线图
Gladeo 前端工程师路线图
如何获得你的第一份工作
  • 在Indeed、Monster和Glassdoor等招聘门户网站设置职位提醒
  • 请向你所在学院的系部或学校的就业指导中心寻求帮助,以寻找职位空缺。
  • 仔细查阅职位招聘信息,关注所需技能、培训和经验要求。
  • 认真审视雇主对新晋前端工程师的期望素质
  • 诚实地量身定制您的申请,使其完全契合雇主的需求。
  • 在简历中添加作品集链接,让雇主轻松查看你的作品集
    • 打造专业的在线作品集,列出专业技术技能、个人项目,并附上GitHub、CakeResume或CodePen上项目的链接。
    • 为每项内容提供背景信息(包括涉及人员、具体事项、发生地点、时间节点及原因等细节)
    • 确保作品集本身就是你才华的展示平台!
  • 你拥有的编程经验越丰富,在竞争中就越能占据优势地位。
  • 请记住,并非所有工作都需要学位。若你没有学位,请仔细阅读招聘信息,看看是否有其他经验可以替代正规教育。 
  • 简历要简洁,但不必回避技术细节;可参考Medium的《如何撰写能帮你拿到面试机会的前端开发者简历》
  • 别忘了那些软技能!在申请材料和面试中充分展现它们。
  • 寻求第二意见!请他人审阅你的简历和作品集
  • 询问教师/主管是否了解职位空缺或愿意为你提供推荐信
如何攀登阶梯
  • 与您的主管和经理沟通,寻求建议并让他们知道您有兴趣付出必要努力以获得晋升机会。 
  • 明确你希望晋升到的中间层职位类型,例如软件开发工程师、应用程序开发工程师或高级网页开发工程师。
  • 同时开始规划高级职位,例如高级开发工程师、软件开发工程师或软件架构师。
  • 通过完成高级认证来保持你的技术技能精湛
    • CompTIA为职业发展的各个阶段列出了适用的认证。
  • 若尚未取得学士学位,建议先完成本科学业。若想继续深造,可着手攻读硕士学位。 
  • 在每个项目中都出色完成工作,赢得客户的高度赞誉
  • 务必按时完成,但不能以牺牲质量为代价。 
  • 研究新设计趋势,保持灵感迸发!
  • 在线及纸质出版。为行业印刷杂志撰稿,包括《Net》、《How》、《Layers》、《Computer Arts》、《Digital Arts》、《Web Designer》、《CMYK》等刊物。
推荐资源

网站

  • 计算机协会 
  • 耀眼
  • 美国劳工统计局《职业展望手册》
  • 代码信号
  • 代码大战
  • CodinGame
  • CompTIA 
  • CompTIA 信息技术专业人员协会
  • Coursera
  • edX
  • 练习
  • 免费编程营
  • 前端大师
  • 黑客地球
  • 黑客排名
  • JavaScript30
  • Rithm School
  • 优达学程
  • W3Schools:JavaScript
  • 全球网站管理员组织 

书籍

备选方案

对于热爱计算机工作的人来说,有许多职业选择。前端开发是热门选项之一,但并非适合所有人。美国劳工统计局(BLS)根据个人兴趣和能力倾向,列出了值得考虑的职业方向:

  • 计算机与信息系统经理
  • 计算机程序员
  • 计算机支持专家
  • 计算机系统分析师
  • 数据库管理员
  • 平面设计师
  • 信息安全分析师
  • 多媒体艺术家与动画师
  • 软件开发人员
  • 您也可以考虑软件质量保证工程或网站管理。   

新闻源

在线课程与工具

薪资与就业前景
选择子区域:

年薪预期

$115K
$156K
$170K

新员工起薪约为11.5万美元。年薪中位数为15.6万美元。经验丰富的员工年薪可达17万美元左右。

来源:加利福尼亚州就业发展部

年薪预期

$172K
$205K
$220K

新员工起薪约为17.2万美元。年薪中位数为20.5万美元。经验丰富的员工年薪可达22万美元左右。

来源:加利福尼亚州就业发展部

年薪预期

$108K
$146K
$180K

新员工起薪约为10.8万美元。年薪中位数为14.6万美元。经验丰富的员工年薪可达18万美元左右。

来源:加利福尼亚州就业发展部

年薪预期

$112K
$149K
$173K

新员工起薪约为11.2万美元。年薪中位数为14.9万美元。经验丰富的员工年薪可达17.3万美元左右。

来源:加利福尼亚州就业发展部

年薪预期

$103K
$138K
$173K

新员工起薪约为10.3万美元。年薪中位数为13.8万美元。经验丰富的员工年薪可达17.3万美元左右。

来源:加利福尼亚州就业发展部