前端程序员简历教程 + 模板📜

type
status
date
slug
summary
tags
category
icon
password
2023年12月20日 修订

简历文件提示

简历的文件应该是pdf格式的,而不是word文档或者图片
简历的文件名应该符合格式:应聘岗位_姓名_手机号,例如:Web前端开发_张三_13212345678.pdf
推荐一个免费生成简历的平台,可以帮你快速完成下方的信息填写并生成简历 : 开发者客栈 - 简历

(以下所有 蓝色块 整合在一起,即为一个完整的简历模板)

个人信息

姓名 / 年龄 / 电话 / 邮箱(尽量不要QQ邮箱,万一呢)/ 个人网站、github地址 / 工作经验(x年) / 求职岗位 / 期望薪资: (最好写面议,因为最好是先争取到面试机会,万一面完人家觉得不错肯为你开高价)
例如:

张三

13212345678 | zhangsan@163.com | 北京
https://github.com/你自己的/(或者自己的个人网站)
x年工作经验 | Web前端开发工程师 | 薪资面议
 

技能清单

有两种写法,
  1. 纯前端写法, 适合只会前端相关技能的人使用
      • 写亮点,大概写个5-10条能拿出来说的,例如“熟练使用ES6语法,会使用并阅读过xxx源码,有xxx成果”。
      • 不要写,“会使用axios发请求”之类的话,axios只能发请求,也不能干别的,就好像说了一句“我会用烧水壶烧开水”,这种约等于废话,形如这种的都别写
      例如
      1. 熟练使用Vue2、Vue3、React全家桶,并对其源码有自己的理解和认识
      1. 熟练技术栈对应的多种组件库,熟悉其api和一些表现与预期不符的地方
      1. JS、CSS等前端基本功扎实,积累深厚,各种api特性了然于心,最佳实践信手捏来
      1. 熟练稳定使用Chat GPT、Claude、GitHub Copilot进行开发和优化,掌握写prompt的各种要素,擅长引导AI给出高质量代码
      1. 熟练使用Echarts,AntV等可视化解决方案
      1. 熟练使用ES6(es2015 - es2022)
      1. 熟练使用TypeScript,熟悉类型编程
      1. 熟练使用多种算法 / 了解一些业务适用的算法,能在合适的地方进行性能优化
      1. 熟练Windi CSS、Tailwind CSS、UnoCSS等原子化CSS框架/引擎
      1. 熟练前端工程化,并利用工程化实现了xxx效果
      1. 了解Less、Scss等预处理器(如果拿着预处理器,却只会嵌套着写CSS,写变量这样的基础功能,最好是写“了解”)
  1. 综合写法, 适合有一定的综合能力的人使用, 不局限于前端技能
      • 不要将技能拆分的过于精细, 基本原则同样是写亮点和不要写废话
      例如:
      1. 全栈开发能力:掌握全栈开发流程,能够熟练使用NestJS、Go进行后端开发。对于MySQL和Redis,能够设计高效的数据库架构和执行优化
      1. Vue:熟悉Vue2、3生态以及相关工具、插件、依赖; 深入理解Vue源码了解其运行机制。擅长使用各种手段提升业务应用的性能和用户体验。
      1. React:熟悉React生态以及相关工具、插件、依赖; 深入理解内部机制,能够高效解决复杂的前端问题,并优化性能
      1. 构建工具:擅长使用现代构建工具,如Webpack、Vite、Rspack,进行模块化开发。擅长使用优秀的前端工程化工具提升开发人员体验;能使用模块联邦等特性打造灵活高效的微前端架构,有效降低系统复杂性,提高项目的可维护性和扩展性
      1. UI设计与审美能力:具有一定的UI设计能力,能够设计出美观实用的用户界面;善于使用认知偏差知识与UI界面结合, 创造易于使用, 用户友好的产品逻辑和界面。
      1. 运维技能与自动化部署:熟悉Linux、OpenResty、Docker的配置和优化。擅长利用sh、Python脚本提升运维效率和系统稳定性,具备自动化部署和系统维护能力。
      1. AI技术:熟练运用AI技术(如ChatGPT的GPT-4、Claude), 系统学习过“谷歌大脑之父”的生成式AI课程, 善于引导AI在绝大部分领域给出高质量的回答。
      1. 学习能力:乐于阅读开源项目的文档、源码, 理解其思想。有国际化视野和优质的信息来源, 有多种解决网络问题的能力: ), 能快速上手对业务有帮助的新兴方案。
      1. 代码质量与规范:重视代码质量和规范,代码风格会优先追求可读性和性能,能快速融入团队的节奏。
      1. 多平台开发经验:熟悉Web、移动端(小程序、公众号)和桌面应用(electron、tauri)的跨平台开发。
上述两种方式切记
💡
写的时候要从「精通 - 熟练 - 了解」的顺序写,写出来的一定要经得住问,不会别乱写

项目经历

写3个代表的项目就行,不要写特别多没有营养的项目
标题:项目名 - 担任的什么(前端开发工程师)——时间(项目的开始 - 项目的结束/至今)
例如:
xxx商城 - 前端开发工程师 —— 2021年3月1日 - 2021年7月20日
项目描述写法为star原则,也就是Situation(情景)、Task(任务)、Action(行动)和Result(结果)。对应过来就是【S】这个项目的背景是什么,可以是项目介绍也可以是遇到的问题和难点,【T】需要做的工作是什么,在其中担任什么职责,【A】通过什么方式来解决这些问题的,【R】以及取得了什么指标可衡量的结果。
例如:
项目描述:项目时间非常紧,要在xxx的情况下做到xxx效果(这是S),我负责项目的xxx(研发/统筹/…),要在这个时间里让用户xxxxx(这是T),我做了xxx调研,选择用了xxx方式开发,在项目中做了xxx(骚操作/比较厉害的小技巧)(这是A),最终让项目在xxx之前完成,且bug量xxxx(这是R)
项目职责
不要写:
  • 不要写“废话”,这里的废话并不是贬义,而是类似听君一席话,如听一席话的感觉,看上去写了,但是又好像啥都没写
  • 错误的示范
      1. 我负责了导航栏的开发
      1. 我配合后端负责了xxx页面的开发
      1. 我准确的还原了设计稿
💡
解释:以上错误在于:如果做不到这些,那就是工作都完不成,因为未来肯定会有类似的需求,你能完成,别人也能完成,那么你就没有竞争力,简历要突出自己的竞争力

要写:
  • 因为你,项目达到了某种效果,是成就,而不是做了什么(我做了个导航栏,首页之类的,面试官根本不在乎你在上一家公司做了什么业务,他只关心你能给公司带来什么)
  • 正确的示范:
      1. 完成十多个基础组件封装,20多个公共函数,使功能性更契合业务
      1. 优化打包速度,打包速度提升384%(63s -> 13s)
      1. 进行性能优化,首屏显示速度增加1233%(4s->0.3s)
💡
解释:记住一点,要写出具体的数字!!!这在体现出的是你的价值,而具体的数字就是佐证。你除了可以完成需求以外,还能做到哪些人家做不到的事情,写出来了,竞争力就有了。这些东西并不一定非要是你做的,在你学过、见过的项目中,只要你能在合适的时机想到这个优化点,能说出来原理或者顺序,并且把这个优化/功能的,抄到别的项目并达成预期中的效果,那这个东西就是你的。你就可以往简历上写,而且大概率没人要求你用纸笔去默写这些,最重要的是要写成就,而不是做了什么

工作经历

用一个列表列出来,外包公司要注明!!!某些公司有背景调查,如果他查到给你交社保的并不是你写的公司,可能会对你有好感度的下降。有的公司比较介意短时间内多次跳槽的,不要写太多。
例如
  • aaa公司(外包)- 前端开发工程师——2021年3月 - 至今
  • bbb公司 - 前端开发工程师——2020年3月 - 2020年12月
 

个人描述

写亮点! ! ! 不要写什么“特别能吃苦”,因为这和写了“特别能吃”没什么区别,写一些实际的
例如
  1. 有很强的信息获取能力,有较强的获得能力的能力
  1. 解决问题能力强,对工作负责(一个简短的例子佐证)
  1. 热爱阅读前端书籍(如果你真的读过的话)每一条不要超过大半行,写出例子佐证的,不要写空话
  1. 具有设计审美或者产品嗅觉灵敏,开发的产品体验非常好,干活细致

教育经历

如果你的学历比较亮眼,可以放在很前面,甚至放在个人信息中。
反之可以放在最后,万一HR看见学历本来是不想要的,但是他被迫看完了你的简历,觉得还不错,可能就没那么介意学历了,这样就获得了一次面试机会
例如:
克莱登大学 - 汉语言文学 本科
克莱登大学 - 软件工程 硕士
简历部分结束

后记:简历如何写

  1. 简历三大原则:清晰,简短,必要,给面试官留下好印象
  1. 技术能力匹配:满足招聘方的要求,技术水平要达标
  1. 突出项目亮点:10 秒以内要让面试官发现亮点,有问下去的动力

简历三大原则

  1. 清晰:简历是易于理解的,排版简单,比如学校和毕业时间,工作多少年,相应行业的工作经验,求职岗位等需要清晰明确
  1. 简短:在工作汇报或者面试跳槽中,「突出重点」是非常重要的能力,有利于让面试官一下就明白你想表达的重点内容。非常重要的部分可以适当加粗,然后简历不要超过 2 页。这部分不知道怎么做的话,推荐大家看看 《金字塔原理》这本书,非常棒
  1. 必要:简历上面只需要有必要的信息,能够帮助彼此最大化的节约时间,提升效率。保证简历里面的内容都是面试官感兴趣的。基本信息中像籍贯这些对面试来说不重要的内容就不用写了。有的人会在简历中放上 GitHub 或者博客链接,如果博客内容充实可以放上去,如果没什么内容,只是几个面经笔记的话,这种链接就不要放了,反而降分。贴了博客链接的话,面试官一般都会去看一眼的,所以博客内容要准备一下,避免忘记后面试时尴尬。有的人会把项目经历中相似的项目全部列出来,比如 A 管理后台、B 管理后台,其实这些工作内容没有多大差异性,写一个有代表性的就可以了。

技术能力匹配

这部分突出深入的领域和掌握的核心技能,比如对性能优化、监控、工程化等有经验,掌握了 Vue / React 源码,掌握网络、浏览器等原理,熟悉数据结构和算法等。突出这些内容可以引导面试官向着你预设的战场前进,如果简历中让面试官找不到亮点,那就变成考试,他问你答,丧失主动权,面试官不是喜欢问八股文,而是看了简历找不到亮点只能问八股文

突出项目亮点

从项目中的一些点切入,把自己的价值做出来就值得写进简历中。
  1. 大数据量优化
  1. 研发效率的提高
  1. 研发质量的提高
  1. 性能优化
  1. 用户体验优化
  1. 复杂 & 新场景

谈薪方法

CSS新用法 - min()、max()、clamp()、:where()、:is()、:has()🎐正则匹配汉字
拙见
工具应用
前端技术
AI技术
其他知识
编程知识