前端工程师简历怎么写才更容易进入面试呢?,三年经验Web前端开发面经总结

先自我介绍一下,小编浙江大学毕业,去过华为、字节跳动等大厂,目前阿里P7

深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Web前端全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

如果你需要这些资料,可以添加V获取:vip1024c (备注前端)
img

正文

1、介绍一下公司名称和在职时间;

2、用精炼的语言介绍项目背景、过程;

3、说说你做这个项目的结果如何。

很多前端工程师对于如何描述项目表示很头疼,以下给出一个小范例,可以参考:

“我做了 XX 项目重构,用了 XX 技术方案,克服了 XX 的困难,最终XX这类需求变更可以短平快的被消化,极速研发、快速上线,且数据采集也做到了标准化,研发成本大大降低,数据积累增长迅速。比如 XX ,最后在 XX 产品线中开始推广。”

这种描述,在面试的时候很容易引出有针对性的话题来聊,也正因为简历里有了这些铺垫,可以节省大量的面聊时间,让HR更快做出判断。

但是如果你这样描述的话,效果就不会太好:

“XX 项目前端研发,用了 AngularJS,整个项目独立完成,包括整个 Boss系统的受理收费、有线电视代收费、商品零售、小灵通短信群发、营业点结账等模块。”

这段描述只传达出一个信息:你用过 AngularJS。至于当时面临多少种技术选型?如何做出取舍选择了 AngularJS?有没有涉及前端架构?AngularJS 用的有多深?项目成员分工怎样?如何并行研发?遇到过哪些你认为有价值的问题并提出了怎样的应对方案?是代码解决还是组织解决等等问题,就要靠面试的时候问答很久才能搞清楚。问不出来的,基本上也就跳过了,面试者的能力也得不到充分的发掘。

C****职业技能

在以上的工作经历部分,我们可以通过项目来展示自己的综合能力。现在我们要用一个专门的模块来重点介绍自己的技术水平。

如今前端所涉及的知识面很广,要对每个方向都做出深入的研究确实不太容易。能做到全栈开发当然是很好的,如果不能的话,也最好擅长其中的某一个或几个方面。因此你要在简历里重点标出自己的强项,这样也方便在以后的面试中引导面试官来问你擅长的那一部分,更有利于你扬长避短。注意千万不要把前端所有的技术都罗列一遍,然后全部来一个“精通”。

教你如何写出优秀的前端工程师简历

(网络上一位前端同学的简历截图,很直观的展示技能的方法)

D 作品展示

你在“工作经历”、“职业技能”中展现出来的能力如何向HR证明呢?你可以将自己的作品或者相关案例上传到GitHub,在简历中附上链接地址,让HR方便查看。在之后面试中可以着重讲讲你擅长的部分,比如你擅长Node.js,就将在 NPM 上提交的模块下载下来演示一下,讲讲核心模块;如果是一个组件,就讲讲设计封装思路;如果是一套脚手架工具,可以直接画架构图,讲原理和适用场景。

E****加分项

作为前端开发工程师,如果你喜欢在博客或者GitHub上写总结、发技术文章的话就是不错的加分项。如果某个总结能和简历里做的项目结合起来就更好了,请在简历中加上博客或者GitHub的链接。

最后讲讲关于将简历包装成个人****小站这件事
作为前端工程师,有的同学想发挥自身的技术优势,将简历做成作品提交给HR。比如以下就是将简历包装成了一个minisite,这种简历确实会给人不错的印象。
教你如何写出优秀的前端工程师简历
但是有一点要注意:务必要同时提交 word 或 pdf 格式的简历。很多公司的招聘系统对 word 和 pdf 格式的文件支持最好,HR在录入系统时,上传完附件后很多字段直接就可以被系统读出来。

最后

在面试前我花了三个月时间刷了很多大厂面试题,最近做了一个整理并分类,主要内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。

  • HTML5新特性,语义化

  • 浏览器的标准模式和怪异模式

  • xhtml和html的区别

  • 使用data-的好处

  • meta标签

  • canvas

  • HTML废弃的标签

  • IE6 bug,和一些定位写法

  • css js放置位置和原因

  • 什么是渐进式渲染

  • html模板语言

  • meta viewport原理

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以添加V获取:vip1024c (备注前端)
img

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
**
[外链图片转存中…(img-IlCVOVjs-1713065279222)]

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 20
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值