Are you curious, how to write a resume for a front-end expert?

Hello everyone, I am Finethe teacher of the front-end interview questions collection team.

In fact, our team has already written a lot of articles on resume revision. I believe that fresh graduates and junior and intermediate front-end engineers can learn a lot of resume revision skills through our previous articles.

So are you curious about how to write the resumes of senior front-end engineers and even front-end experts, and what optimization skills are there?

Today we will take a look at the resume of a front-end boss who has worked for 7 years based on the actual counseling case.

Before reading today's sharing, I recommend that you go through the previous articles to understand the basic principles and techniques of resume optimization. The link has been hung directly below, please take it yourself:

• The Ali interviewer will tell you how to write project experience in the front-end resume?
• What does an excellent front-end developer resume look like?
• [Interview Skills Series] How to dig out "project highlights"?
• How to change the front-end school recruitment resume? It is enough to read this article
• With only 1 year of work experience, how to change the front-end resume?

background

The protagonist of this resume is a resume tutor who signed up recently. He has worked in Internet companies for 7 years and played an important role in the team, leading the team to complete large projects from 0 to 1, with rich technical ability and work experience.

This review has been authorized by me, and some personal information has also been desensitized. Thank you for your support.

Let’s take a look at the main directions for resume coaching:

1. Optimize resume structure and content
2. Digging for personal highlights
3. Guide the interviewer's project-related questions in the resume to avoid burying yourself
4. Guidance key review direction

before modification

Take a look at the resume before revision

Resume Comments

Personal profile

This section is too simple to write, you can add information such as "age, education, working years, and city", and HR will read it when screening resumes.

professional skill

"Personal advantages" can be changed to "professional skills". After all, they are all front-end general skills, and most of them are not considered advantages.

The reference is modified as follows:

1. 熟练掌握前端基础（JavaScript、CSS3、HTML5），能够快速实现Web端和移动端页面搭建。
2. 熟悉小程序开发，包括云函数、云数据库、云存储和云托管以及 H5 页面开发。
3. 熟练使用 Vue 框架以及相关生态技术，能够独立完成项目搭建和项目部署，熟悉相关框架原理。
4. 了解 React 和 Angular 框架技术，有相关实践经验。
5. 熟悉浏览器原理以及计算机网络相关技术，在性能优化方面有实践经验。
6. 对前端工程模块化有一定理解，熟悉webpack、vite等打包工具及其日常开发配置，可以从0到1独立搭建项目，并优化构建流程。
7. 了解Node.js 和 java 服务端语言，能够快速构建后端接口和处理服务器端逻辑，保证项目的顺利推进。
8. 在多个项目中独立负责，具备设计和实施前端架构的能力。

Finally, to sum up, professional skills need to pay attention to a few points:

• click to the end
• The length should not be too large
• order from basic to advanced
• Technologies that you are familiar with and master
• Highlight personal advantages, what you write is what you know

work experience

In the part of work experience, you can list the key work directions. It is best to start the description with keywords such as self- led and responsible . It is best to add data and write down the specific benefits.

In addition, the work experience is arranged in reverse chronological order, with the most recent first.

以最近的一份工作为例，参考修改如下：

深圳市**** 高级前端开发 2019.xx -2023.xx
* 主导OA系统和社区项目的从 0 到 1 建设，成功实现了平台的快速上线和稳定运行。
* 搭建高效的项目脚手架并集成框架全家桶，显著提升团队的开发效率和代码质量。
* 实施持续集成与自动化测试，对接内部平台的CI/CD和质量监控系统，将错误率降低30%，发布时间缩短50%。

项目经历

遵循 STAR 法则展开描述一个项目：

• Situation(背景)：事情是在什么情况下发生，基于一个怎样的背景
• Task(任务)：你是如何明确你的任务的
• Action(行动)：针对这样的情况分析，你采用了什么行动方式，具体做了哪些工作内容
• Result(结果)：结果怎样，带来了什么价值，在整个过程中你学到了什么，有什么新的体会。

以 OA 系统为例，参考修改如下：

项目名称：xxOA系统

项目描述：xxOA系统是一个面向XX的XX系统，该系统包括个人门户、人事中心、财务中心、法务中心、行政中心、服务中心、学习培训等7个子系统，支撑公司所有部门的办公自动化需求。

主要职责：
1. 负责整个系统前端架构的搭建，设计了高效的代码结构和模块划分，提高了开发效率和可维护性。
2. 采用 vue生态 + webpack + qiankun 搭建了 ** OA系统。
3. 开发了适配设计风格的Vue前端组件库"**-oa-ui"，其中包含基础组件和专为业务场景设计的定制组件。
4. 设计并开发了核心模块，如表单生成器和流程设计器，并沉淀了相关文档。
5. 持续学习和分享，积极推进公司内部前端框架的升级工作，规范了团队的编码风格，提高了项目开发效率；

项目成果：
* 成功按计划完成**OA系统的上线，提供了全方位的办公自动化支持，提高了工作效率和数据准确性。
* 开发效率提升 30% ，通过组件库和优化的前端架构，减少了重复代码编写和维护工作。
* 成功创建并部署 10 个微前端子系统，实现了并行开发和独立部署的目标。
* 表单生成器和流程设计器的应用范围扩大到4个部门，通过简单的拖拽和配置，平均每个部门的OA流程开发时间减少了60%，显著提高了业务部门的自主开发能力。
* 规范化的eslint规范、commit规则以及Cz工具集的使用，提高了代码质量和团队协作效率，减少了代码错误和冲突。

项目面试题准备

我们的简历辅导，会根据修改后的项目经历，给出的一些常见的面试题，今天也贴出来让大家参考下。

以 OA 系统为例：

1. 作为 OA系统前端架构搭建的负责人，说下你做了哪些架构上的设计和优化？
2. 你提到使用了vue生态 + webpack + qiankun来搭建xxOA系统，这些技术选型的原因是什么？
3. 你开发的 Vue 前端组件库 xx-xx-ui ，与开源的组件库有哪些不同，在多少个系统中有使用，不同的系统怎么实现及时的版本更新？
4. 请说下表单生成器和流程设计器的三个技术难点
5. 你提到开发效率提升了 30% ，这个数据是怎么得出的，你具体做了哪些工作实现的这个目标？
6. 你提到有 10 个微前端子系统，你觉得微前端架构有哪些优势。
7. 根据你在xxOA系统中的经验，你觉得在未来的项目中，有哪些方面可以进一步改进或者优化？

最后

最后，推荐大家使用我们的前端面试刷题工具：fe.ecool.fun/，题库长期维护更新，希望能帮到大家。