当前位置:首页 » 网页前端 » 前端工程师的工作经历
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端工程师的工作经历

发布时间: 2023-08-25 21:14:03

前端工程师主要是做什么的

前端是什么?

前端,也称web前端。对于网站来说,通常是指网站的前台部分,包括网站的表现层和结构层(通俗点就是用户可以看到的部分)。

总结一下,浏览器、APP、应用程序的界面展现和用户交互就是迹慎前端

前端能干什么?

前端工程师,别称web前端开发攻城狮,是在2005年由淘宝发明出来的称呼。前端工程师通过前端技术完成界面设计(听说大公司分工较明细,这部分交给设计师),界面制作,用户交互,网站维护、网站优化等等。

通俗点讲,可以设计、制姿祥敬作网页,给网页加上各种各样的特效和功能。

前端需要学会哪些技术?

基础:html+css+javascript,html5+css3

进阶:各种宴世框架,如Bootstrap,jquery,react,vue,angular等等

其他:http,一门后端语言,网站优化等等

❷ 前端工程师从小白到大神要经历哪几个阶段

首先是找到第一份正式工作前的那个阶段,这阶段就是入门,但你再入门都代替不了一份实际的工作。
找到第一份正式工作,几年内主要是实现功能,修bug,做重构,把理论和实践充分结合起来,用各种工具,库和流程,积累经验,套路都懂了。
到某个时候你会发现市场上该接触的东西似乎都接触过了,套路已经满足不了你,你开始对这个技术栈有了自己的见解,搞出来的东西水平高了,能自信的选型,做出靠谱的架构来,设计流程,带带团队的人,这是所谓senior的阶段。每个人情况不同,一般这个过程需要5年以上的积累。
你不会成为大神的,大神是小白臆造出来的糖衣炮弹。行业内的真正大神不是从“前端“开始的,而是大厂里喜欢折腾编译器,设计模式,模式匹配,把functional programming当饭吃的那些人。他们的思路跟你的不在一个层次上。

❸ 移动前端工程师工作简历

个人资料

姓名:

性别:

年龄:

居住地:上海

电话:

E—mail:

行业:通信/电信/网络设备

职位:移动前端工程师

最高学历

学历:本科

专业:计算机应用

学校:复旦大学

求职意向

到岗时间:一个月之内

工作性质:全职

希望行业:通信/电信/网络设备

目标地点:上海

期望月薪:面议/月

目标职能:移动前端工程师

工作经验(一年以上工作经验)

20xx/4—20xx/9:XX有限公司[5个月]

所属行业:通信/电信/网络设备

职位:测试部移动前端工程师

1、设计、编写可复用的'用户界面组件、前端通用组件;

2、与服务器端开发人员进行应用及系统整合,调试网站页面在不同浏览器下的兼容性;

3、跟踪移动前端技术的发展,掌握最新动态和主流技术。

20xx/7—20xx/2:XX有限公司[7个月]

所属行业:通信/电信/网络设备

职位:测试部移动前端工程师

1、针对测试对象进行全面多角度的判断,制定全面完整的测试用例;

2、测试人员的技术培训,工作指导;

3、无论任何情况下,第一时间响应并处理项目中遇到的突发事件。

教育经历

20xx/9—20xx/6

学校:复旦大学

专业:计算机应用

学历:本科

获得证书

2011/12大学英语四级

语言能力

英语(良好),听说(良好),读写(良好)。

自我评价

为人做事认真、细致、执着、踏实,求知欲强,在日常学习中能勇于探索各种疑难问题,喜思索、善钻研,精于学和问、长于辨析、富有上进心和团队精神,不怕困难、善于创新和发明,爱好挑战性工作。责任心强并能承受压力,有较好的心理素质和与人为善。

❹ web前端项目经历怎么写

工作描述:
1、负责基于HTML、CSS、Javascript的Web前端开发;
2、负责基于HTML5、CSS3、Javascript的移动端前端开发;
3、与UI设计师积极合作,完成网页的前端页面实现;
4、与后端开发工程师积极合作,完成前端与后端的整合;
5、负责前端页面切图及专题模版制作,优化前端页面性能,能够解决浏览器兼容性问题;
6、研究和跟踪最新的前端技术发展,合理应用到项目中。

❺ Web前端工程师要掌握的工作经验

今天小编要跟大家分享的文章是关于Web前端工程师要掌握的工作经验。设计师与工程师的交流经常是鸡同鸭讲,牛头对不上马嘴,为了帮同学们搞定这个难题,小编整理了一个列表,帮同学们能跟工程师无障碍沟通,全是非常实用的知识点。

开发者一般不是令人惊艳的设计师,设计师也通常不是出色的开发者。虽然有很多例外,但这两行的门道对对方而言都是难以言说的谜,然而双方却要在这种情况下合作完成项目。作为在两个领域都工作过的人,北大青鸟web前端培训专家整理了一个列表,使设计师能够更好地辅助开发者开发应用和网站。下面来和小编一起看一看吧!


一、Photoshop


开发者经常需要处理设计师制作的Photoshop
PSD文件,因此任何对设计师有益的事情也会对开发者有益,包括绘制易于维护、易于理解的PSD文件。


1、有效地进行版本控制


设计师经常会面对各种装满了一堆没有清晰版本命名的PSD的文件夹。为了解决这个问题,设计师可以事先确定一种合适的版本命名格式(理想的格式应该使文件在字顺排序下自动有意义地排列)。


2、保持图层


不要轻易合并图层。需要导出时,通过组合,隐藏/显示图层的方式来进行,导出后再把文件恢复到原来的状态。不要轻易破坏有用的数据。电脑性能更不昌亮是合并图层的理由——若被此限制,你应该做的是买内存更大,性能更好的电脑。


3、对图层进行有意义的命名


虽然对图层命名比较繁琐,但这样做确实能够帮助理解,尤其是在重用文件元素的时候。命名时应确保文字图层的名称反应其内容。重复的图层也要进行有意义的命名,而不是简单的肆拦“副件”。


4、合理地对图层编组


应该把分散在不同图层的视觉元素编为一组。对单一设计的文件来说,编组整体上应该一致按裂迅胡照从左到右,从上到下的顺序。层次和顺序比按颜色编码图层更好,因为图层移动时,颜色还需要保持。


5、去掉不需要的图层


不再需要的旧版本、模版和参考材料以及临时复件应该从图层中及时删除。间歇性地浏览一下你的所有图层,及时删除不需要的东西。


6、使用图层复合


Photoshop的图层复合功能可以让你制作多组图层状态,如可见性,位置甚至图层风格。你可以用图层复合功能来灵活地在一份文件中整合设计中不同部分(比如网站的多个标签、应用的多个页面)。这样做可以不必保留重复的图层编组,从而减小文件大小。


7、保存矢量文件和可伸缩效果


在设计应用时,很可能会需要原设计两倍尺寸的图片来适应有双倍像素的新设备。确保在这种情况下你不需要重新绘制所有的图标。


二、助力开发者


还有一些特别与应用及网页设计相关的建议,每项都有相应的要求和限制。


8、学会在缩放时保存圆角


操作系统经常会统一圆角的角半径(iOS通常为12像素)。Adobe
Fireworks会保持圆角矩形的角半径,但Photoshop不会。因此确保你用直接选择工具来选取圆角的点并且以传统的方式缩放图像。


9、在72ppi下进行设计


一个像素就是一个像素,更多的像素只会生成更大的文件。不要通过改分辨率来蒙混过关。


10、对齐像素


确保相关的形状工具设置成对齐像素。根据你的需要使用像素网格等工具。一贯使用偶数尺寸来方便裁剪。


11、使用RGB模式


这点不仅对颜色显示重要,对开发者将颜色正确地写入代码也同样关键。


12、资源准备是你工作的一部分


很多(大多数)开发者除了基本的编辑功能外对Photoshop一窍不通。设计师需要适时地导出可能会在应用或网站上用到的裁剪图,因为毕竟他们是对文件和Photoshop最熟悉的人。这项工作虽然很痛苦,而且很耗时,但这是除“设计”外90%的工作。


13、谨慎地使用字体


不同的设备和操作系统的预设字体有所不同,因此不能确保这些设备都有你进行设计的电脑上的字体(事实上,你比一般人的设备上的字体都多)。基本上,将应用或网站上的文字以实际文本的格式呈现会有更好的效果,但这也使对字体的选择不仅基于视觉,还有可行性上的考虑。


还有一点值得注意,允许个人设计使用的许可也许不允许你将该字体完全使用在应用或网页上。在选定设计中使用的字体之前,确保和你的开发者或客户进行有效沟通。


14、确定设计尺寸


对移动设备应用来说,屏幕尺寸不是全部信息,你还需要考虑系统状态栏等的存在,以及他们如何在屏幕横排和竖排时影响尺寸(比如iOS设备的顶端状态栏会在横排的时候减小较小边的尺寸,在竖排的时候减小大边的尺寸)。和你的开发者确认一下应用是否为完整的全屏很必要。


15、使用平台风格


每个平台(操作系统)都有其独特的用户界面元素和交互风格(也会根据不同的设备有所不同)。在设计时注意这些风格,并且除了有特殊原因,不要进行与平台本身风格差别太大的设计。例如,在iPad上,你会发现这些需要注意的地方:


1、支持两种屏幕方向的强烈需求


2、双栏设计在两种屏幕方向上都可接受


3、将弹出框作为一种界面元素和分组机制


4、确定的文件浏览器的风格


5、在级别较高的导航栏中,返回按钮是向左指的图标


因此,在设计时要熟悉平台,因为你的设计要适应它。没有哪一种单一的设计可以适应所有的平台。。


16、对横排和竖排分别进行设计


不同的屏幕方向需要不同的交互设计风格,这不仅是因为屏幕宽高比,还因为用户以不同方向手持设备时外形、重量和平衡上的区别。只针对适应屏幕宽高比进行设计顶多是一个糟糕的妥协策略。


17、针对每种主流尺寸和情景进行设计


同一应用在手机、平板和电脑上的内容和交互都应有所不同。对移动设备而言,我们也需要考虑注意力持续时间、注意力分散、使用设备时的身体协调性减弱,以及用户在移动或危险情境下使用设备的可能性(例如走路时的障碍物、过马路时的交通情况以及驾驶安全性)。这些使用情景与设备的尺寸和本质有不可否认的关系,有效的设计应该充分考虑这些因素。


18、使用纯正的,至少实际的示例内容


好的示例内容标准有以下几条:


1、示例内容涵盖应用可能的长度,而不是仅仅为了原型设计的方便。


2、设计必需的数据缺省时的显示方案,尤其如用户照片等。


3、考虑不合需要的输入示例,比如需要进行裁剪的过宽或过长的图片。


4、包含极端或少见的名字示例,包括超长或不间断的姓和名。


5、地址不限制为当地的地址形式,而包括各种可能的长度和格式。


6、在设计的任何角落都找不到“Loremipsum”。


19、本地化考虑


当大多数人考虑支持其它语言时,他们想的是文本。而当设计师或开发者考虑本地化时,他们应该考虑的是布局。为了实现本地化,你的设计应该使所有文本支持与英文50%的宽度差异。在显示同等内容时,亚洲语言需要的空间比英语少接近50%,而欧洲语言会比英语多接近50%。这个问题在设计按钮和帮助文本时尤其重要。


20、考虑屏幕全局光源


作为设计师,你应该早就了解每个平台都有其不可改变的屏幕全局光源(例如在iOS上,是在中心的正上方,或90度)。所有高光和阴影效果都应该和平台的光源相协调。


21、明确导航和组织控件设计


向你的开发者明确展示你的设计中包含的标签、下拉菜单或者其它闭合机制。在进行这种控件设计时,要尊重平台的设计惯例。开发者在进行开发时需要明确了解信息层次,因此你要确保你的设计清晰地展示你的意图。图层复合在这种情况下非常有用。


22、导出图形时不进行压缩


在导出时以PNG
alpha通道格式保存,除非被明确告知其它保存方式。除非被明确要求,否则不要使用JPEG格式。不要考虑图像文件大小,因为开发者或他们的开发环境会对图像进行最优化。以透明背景导出每个元素,而不是纯色,即便你设计中的一部分背景确实是纯色的。


23、询问阴影的处理


和你的开发者沟通是否要将阴影效果包含在导出图中。通常情况下,开发者会用CSS或写代码来应用阴影,这样做事实上会比直接使用预先保存的阴影位图更方便容易。不要假定阴影效果应该包含在图像中,虽然在设计原型时用图层展示阴影效果。


24、理解按钮的构建方法


应用或网页上的按钮几乎都不是用单一的图片创建的,而通常是下面两种情况:


a:3部分图像,左端图像,右端图像,重复的单像素宽的中间部分(允许图像的横向扩展)


b:9部分图像,上中下-左端图像,上中下-右端图像,以及3个重复的上中下中间部分(允许按钮的横向和纵向扩展)


最后想法


任何软件都应该是平面设计、交互设计和开发三者合作的结果,这三部分都同等重要。知道另外领域的需求对我们自己的工作非常有帮助。


以上就是小编今天为大家分享的关于Web前端工程师要掌握的工作经验的文章,希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助,想要了解更多web前端知识的小伙伴们记得关注北大青鸟web培训官网。最后祝愿小伙伴们工作顺利!


❻ web前端方面的工作经历都有哪些呢

1、三大基础技能,js、css、html这三项技能是前端工程师能力中的基础,任何框架、工具、库都是基于这三者只上的。这是硬实力,决定了整个前端生涯能够达到的高度,以及在后面的技术栈拓展中的顺畅程度和能够达到的效果。
2、工程能力要有,前端工程师首先是个工程师,做项目就是在做工程,所以懂得如何把一个项目的前端部分的工程运行起来,是另一项必备技能。
grunt、gulp、webpack都是着名的工程类工具,这些工具只要能熟练使用,就基本符合工程能力的要求。但是如果想要拿到更高一个层次的offer,理解工作原理必不可少。这些工具的根本作用,就是对资源的处理,包括代码的压缩打包、本地服务器的架设等。
3、调试能力要必备,如果还在用alert、console来调试程序定位问题,那么你还不符合要求。
学习chrome调试工具的使用,Elements查看元素、Network查看网络请求、Sources查看代码,设置断点定位问题、call stack查看调用栈。这个能力很少有人提到,但是掌握这些技能,不仅能在面试时加分,更重要的是在日后实际的项目中发挥的作用。
4、团队协作能力指的就是git,在项目开发中必不可少,熟练使用git,掌握常用的命令,学会解决冲突。
5、热门框架的使用vue、react是当前两个最热门的框架,能够熟练使用是基本要求,如果你想在众多求职者中脱颖而出,你还需要理解原理,还是那句话,你跟offer的差距就是使用与实现的差距。试着理解virtual dom的原理,响应式的原理,双向数据绑定的原理。
6、项目经验要可靠,不是“仿了几个页面”,而是“项目”的经验,是经历过整个项目从0到1全过程的经验,在这个过程中遇到了什么坑,如何解决的,解决的过程中是如何思考的。

❼ 前端工程师工作总结

导语: 前端工程师是属于IT技术职业的一种,是近5年发展起来的职业。下面我为大家推荐一篇关于前端工程师的工作总结,仅供大家参考。

x月,来到新宝电器,转眼已过去了差不多三个月的时间。对于一个新事物,我总是充满着激情去了解,去进行更进一步的促进;对于一家新公司,除了面对新事物的激情和对它逐步的了解,更需要面对新环境的适应、认同和融入。就在第一次走进新宝大门口的时候,需要拿出身份证进行登记,这种情况我在其他企业很少遇到,但我因此而感受到了东菱企业文化的规范性和精细化管理气息,作为一位从事产品开发的工程技术人员,不正是需要这样的职业素养吗!我微笑着对保安点点头,走进了新宝的大门。

“隔行如隔山,隔厂如隔墙”,虽然已经在产品开发行业经历了7年的开发工作(前四年进行了饮水设备产品的开发),在烤箱行业进行了3年的产品开发,来到新宝又进行烤箱的开发工作,但毕竟曾经隔了一堵墙,这需要我推倒这堵墙,快速的进入去了解,去熟悉,快速的走上正常的工作轨道。好在新宝会对新进的人员指派一位辅导员,这让我对新环境的认识加快了步伐,同时跟进to9517欧盟新标准烤箱的eb、pp试产、改进到大货的全过程,这又使我能够在实践当中快速的和这里的环境融合,实际地运用开发流程进行项目的操作,积极吸收业内先进的`技术工艺并不断总经验,并将以往的技术积累和工作经验在这里得到运用,可以说这也是一个收获的金秋。

首先对研发中心的产品开发流程进行了了解,小家电产品行业的开发流程基本是一样的,但我们企业在新产品导入的初级阶段的成本报价做得比较精细,成本明细大到外观件,小到一颗螺钉都有详细的罗列,产品的利润在此阶段基本定型,作为产品开发人员,我觉得成本意识必须大于一切,否则就是负值了;研发中心的标准化工作尤其是图纸资料的标准化管理我觉得在这里做得也是非常的到位,我也在出相关图纸的过程中感同身受,这比有些企业做得规范得多;产品零部件的标准化管理亦深入到每一个产品开发部门,产品的标准化率的高低体现了我们企业资源的最大利用程度。中试部给我们的研发工作提供了坚实的基础,我在进行to9517烤箱多次的试产和改进、验证工作过程中,从对中试部门的了解到充分沟通、资源有效利用,都进行了相当程度的实践活动,深感良好的合作、勤勉的沟通对于我们解决问题起着至关重要的作用;在产品的认证过程中,认证的提交和认证资料的准备,不合格项的整改,都需要全面综合的专业知识做为支持,在此期间吸收了这方面大量的知识;pp试产过程中,开发与工程、生产、品质部门的衔接,生产问题的处理,这都需要一定的耐心和积极的责任心。

做了这么多年的产品开发工作都知道,不管在任何一家企业,都是一个需要投入大量精力,需要承受相当压力的工作,在经历了诸多的产品开发历练后,已经习惯了这种承载性,to9517电烤箱是欧盟强制性推行的en_6335_2_9_a12新标准,在开发过程中对其表面温升限值的整改有相当的难度,在以前的企业我已经完成了适用于该要求的产品构开发,在进行to9517的整改过程中,那些经验也得到了运用,一次次的改进、验证、再改进再验证,已经忘记了什么叫疲劳,物料追踪、试产、样机组装,没有亲自动手,是找不准问题的根源所在,经过两个多月的努力,在阳工的辅导和李经理的支持下,对to9517的诸多不合格项进行了有效的改进,同时也向公司的同事学到了很多新的东西,在此过程中取得了长足的进步!to9517即将大货生产,顶着压力往前冲!

给我一个舞台,一定要让青春展放人生的价值,我有这个信心和能力,迎接挑战,面对未来,愿与公司共生存,同发展!

❽ web前端开发 简历中项目经验该怎么写

可以按照下面方法试试

1、可以做几个意义性强一点的案例,可以证明你在这些方面有造诣,并且让人可以

看的出的demo,列举几个站点,并注明参与了哪些部分,学到了哪些知识。方便的可

以传到共享之类的网站或者自己搭建在线预览的站点,要事先准备好,并且保证在任何

一个设备都可以访问使用。

2、就职期间参与公司部产品开发, 负责服务器环境构建, 熟悉了redis, nginx在高并发环境下

的应用,就职期间参与XXX网站开发, 并配合iOS研发部门开发了移动端站点, 运营期间不

断完善, 学习了在移动端开发网站的相关技能;

项目名称:。。。

项目描述:。。。

具体职责:。。。