Ⅰ 前端工程师他到底是一种怎样的职业
前端工程师已经是大家不再陌生的一个软件行业的工种了,尽管这一工种诞生也没几年。作为一名从业三年的前端工程师,我尝试结合业界标准与我的理解,来尽可能诠释一下前端工程师这个职业。
前端工程师的英文名为front-end engineer,简称FE,下文将用FE来代称。现在意义上的前端(并非只制作网页),国内最早开始有大规模招聘岗位应该是2011年左右的事情吧,在此之前,FE的工作基本都是由服务端工程师包办的,或者是由设计师来产出HTML页面。那么,是什么样的原因催生出了FE这一职位呢?本文将从FE的工作内容、专业FE应具备的技能和品质来聊聊这个职业。
用户体验的操刀者
前端工程师的首要工作就是开发用户界面,在web系统中,就是指网页了。为什么网页需要专门的FE来写呢?答案就是“用户体验”。随着web2.0概念的普及以及web3.0的提出,用户成为互联网的主要生产者,网页所承载的功能越来越多。
一方面,企业的“用户体验”诉求很强烈。这个很容易就能理解,如果你的产品看上去就像个钓鱼网站而且还特别难用,就会有一部分用户离你而去。非互联网企业呢?也会面临这样的情况,你花了很大的功夫优化数据库,优化服务器负载,你的客户却很难感知到你的努力。你的系统界面还是八九十年代的风格,客户的第一感觉就是这系统不行,不买你的帐。相反,如果你花一点时间做一套崭新风格的界面出来,客户的第一感觉就是这个系统好炫酷,技术含量很高。不要小看这个第一感觉,对于外行人来说,第一感觉往往起到了决定作用。好多企业都意识到了这一点,所以对用户体验的诉求就上去了。
另一方面,现在的用户也都很挑剔。毕竟他们使用的产品一个比一个炫,都被惯坏了,你的产品稍有点不爽的地方,就上微博去给你宣传。
前端工程师是用户体验的把控者,在产品经理构想出交互原型,设计师设计出交互细节后,FE就用他的双手一行行敲出这些代码。他敲出的每一个按钮,每一张图片,都被成千上万的用户点击着,FE与用户可以说是“零距离接触”。作为产品交互的实现者,除了HTML、CSS这两门语言要精通外,对前端要求更高的其实是非技术因素。
FE需要对用户体验有较深的理解。比如页面上有一个超链接,字体比较小的情况下,用户可能会一下点不中,因为链接的可点击区域是紧贴着文字边缘的。前端可以通过很简单的方法来扩大这个链接的可点击区域,使得用户更容易点中。这就是用户体验,正如《瞬间之美》中提到的那样,touch到用户的内心只需要一瞬间。对用户体验的理解,还体现在对一些交互常识的把握上。比如用户操作某个软件的界面,会感觉它很灵巧,却具体说不出到底是哪里。那么很可能是这个界面上的按钮有着设计良好的四态(正常、鼠标移上、鼠标按下、不可用),它会随时对你的操作给出反馈。
懂用户体验的前端工程师,会让他的作品与用户沟通,能够touch到用户心中那一块柔软的区域。
FE需要有一点强迫症。这体现在对任何瑕疵的不容忍。比如采用技术手段让页面的滚动更平滑些,减少页面的视觉抖动,像素级别的定位校准。当用户触碰的内容是一串非电话号码的数字时,不要让手机自动调出拨号功能,等等。很多细节是产品经理无法感知的,因为这些都是很零散的技术手段,只有靠FE来点滴积累。再有极致者,追求让页面的响应时间再减少几个毫秒,让你的手机少耗几KB流量,少耗一些电量。这些甚至连用户都无法感知,但是当你的用户有百万级别或者千万级别,这样做的价值就显现出来了。
前端工程师需要是一个心思细腻之人,需要对美有所领悟,需要执着地追求完美,需要有品味,有思想,有大局观,最好还能懂点心理学。
用户端业务逻辑
做出优雅的界面只是前端工程师的第一步,编程也是必备技能,FE承担着处理用户端业务逻辑的任务。放在以前,用户端就是个IE浏览器,没有什么业务逻辑可言。但现在不同了,用户使用浏览器发表文章、进行社交活动,更复杂的能使用在线工具完成工作。
javascript就是FE需要掌握的编程语言,他应该通晓这门语言的优势和缺点,掌握各种编程思想、开发模式。利用各种技巧实现交互越来越丰富的界面,同时还要与服务端的工程师沟通,调试接口,完成:页面展示——响应用户操作——提交用户数据——反馈操作结果这一系列流程。
从这一点上,要求前端工程师要有软件开发的基础,了解计算机的基本原理,网络通信的基本原理,所以计算机相关专业出身的前端会更有优势一些。
前端也需要架构
写写网页也要架构?有什么好架的?回答这个问题首先得明确一点,FE的工作内容已不再是“写写页面”这么简单。随着前端代码的规模越来越大,逐渐涌现出了模块化开发、MVC、MVVM等开发模式。团队规模也从原来的单兵作战演变为团队开发。
所以,一个高级前端工程师,要有架构能力。这个架构能力包括不限于:
对现有优秀框架的了解与整合使用
根据项目的业务特点构建出合适的开发模式
设计前端测试方案保证代码质量
用工程化方案组织起团队的开发流程。
向前延伸、向后延伸
物联网的市场越来越热了,手机是物联网体系中的一个关键节点。前端工程师的战场已不再是单纯的浏览器,将来会覆盖到各种“端设备”上。得益于javascript语言的灵活性,现在用javascript已经可以开发windows应用、ios应用、android应用,可以编写智能电视上的应用。将来,或许是VR、可穿戴设备、智能家电。这是前端可以向前延伸的方向。
另一方面,由于nodejs的横空出世,javascript这门语言竟然神奇的有了服务端的能力。之前用java、PHP做的事情,js同样可以实现了。本来前端阵营中就有一批人是从后端转过来的,有服务端开发的基础,得了nodejs这一利器,再加上现在市场的需求,快出产品,敏捷开发,前端工程师向后延伸的路线宽广而明亮。事实上,全栈工程师的概念在前年就被提出,BAT这样的业界领头羊早已用nodejs做一些基础设施的建设,而很多小而快的创业公司,也在用nodejs进行快速迭代开发。
持续学习
前端领域的技术更新相对于其他领域要快很多,原因大概也是因为这个领域离用户最近吧。有一些新的技术甚至是颠覆性的,前端工程师必须要跟上时代的步伐,否则你开发出的产品在体验上就落后别人一截了。
有一些市场人员提出的需求,产品经理根据多年的经验评估后觉得无法实现,就被打回了。而事实上,随着新技术的出现,有些你认为无法实现的功能已经可以在前端实现了。随着HTML5的支持度越来越高,前端拥有的能力也会越强。比如利用canvas能够获取到图片上的每一个像素点,这样前端就拥有了图像处理能力。有了FileReader API,前端拥有了本地文件的读取能力,还有地理位置获取等等。
而这些新东西,就需要前端工程师来不断学习。所以,一个称职的前端必须能够保持持续学习能力,能够对新技术有敏锐的嗅觉。活到老,学到老,说的就是前端工程师。
高情商的程序猿
大多数人对程序猿的印象就是情商低、不善言谈。但前端工程师应该是个例外,这是由工作性质决定的。
从工作流程来看,FE处于设计师的下游,他要接设计稿,转化为网页。同时又是后端工程师的上游,需要把用户产生的数据提交到服务端。横向来看,他又与产品经理有着密切接触,因为他可能随时和产品经理探讨交互的细节。这样一个连接着团队中的其他成员的角色,需要他既是一个粘合剂,又是一个润滑剂。
前端工程师需要有较高的沟通能力和理解能力。我们经常开玩笑说“设计师活在童话故事里”,因为有时候他们设计的页面根本不符合常规,无法实现。这个时候你就需要耐心的给设计MM讲原理、讲原因,并且告诉她设计需要遵循哪些基本规范。对于产品经理的思想,你要能把握到位,你得理解他比划了半天到底是想要做什么。与后端工程师打交道的时候,你又得马上化身编程达人,跟他们聊数据类型,聊面向对象,聊设计模式。
你需要能随时切换角色,切换你的表达方式和谈话内容。所以,你得是一只高情商的程序员。
以上就是我对前端工程师的理解,前端的门槛低,但要成为一名专业的前端工程师,需要掌握的东西太多了。除了前端技术外,我认为前端更重要的是综合能力,包括我上面谈到的思维细腻、有品味、有思想、情商高等等。毕竟你要通过代码与用户产生接触,给用户带来愉悦感。从某种程度上来说,你得是一个好恋人。
Ⅱ 什么是前端开发工程师主要做什么
首先我们要知道什么是前端,前端就是网站前台部分,运行在PC端,移动端等浏览器上展现给用户所浏览的网页。
前端开发顾名思义就是这些页面的设计,代码的实现。
而Web前端开发工程师,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。不过,现阶段的网站开发已经不同于早年的网页设计,当时主要是以图片和文字为主,用户使用网站的行为也以浏览为主,这些的东西html就可以办到。而现在的前端开发使得现代网页更加美观,交互效果显着,功能更加强大。所以现在的前端开发,能做到的更多,运用到的知识面更加广泛,要学习到的知识也就更多,三大基础技能html、CSS和JavaScript是少不了的。
web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通,又要与下游的服务器端工程师沟通,需要掌握的技能非常多。
前端学习之路很长,慢慢学,慢慢提升,你也可以成功。
Ⅲ 前端工程师主要做什么
HTML5混合开发工程师,也叫Web前端开发工程师。HTML5前端是随着Web发展,细分出来的行业。H5混合开发工程师 ,主要职责是利用HTML/CSS/JavaScript/DOM等各种Web技术 进行产品的界面开发。制作标准优化的代码,并增加交互动态功能,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发 ,致力于通过技术改善用户体验。H5e作为中国首家IT职业教育平台,专注于html5培训和视频教程发布更新,其HTML5培训课程紧贴前沿科技介绍了HTML、Javascript、jQuery、前后端开发、微信开发、PHP开发等核心知识,通过真实项目开发,熟练掌握并巩固学习内容,真正掌握HTML5技能技术,这样才能找到一份高薪满意的工作
就是进行编程,对于网页进行美化,现在各个传媒公司都会这样做,学好这门技术还是很重要的,我们如果想要了解更多有关这个方面的内容,可以去源码时代了解一下,他的web做的很不错。
Ⅳ 什么是前端开发工程师
前端到底是个啥:前端其实是个很大的范畴。简单点说,针对浏览器的开发,浏览器呈现出来的页面就是前端。它的实质是前端代码在浏览器端被编译、运行、渲染。前端代码主要由三个部分构成:HTML(超文本标记语言)、CSS(级联样式表)、JavaScript。web前端开发工程师的三种级别,一般分为初级工程师、中级工程师、
高级工程师。
初级前端工程师:能熟练使用html、css、js 主要工作还是搭建静态页面。进阶的知识的话就是响应式这一块了,一套代码能适配pc+手机是初级前端工程师的进阶,
中级前端工程师:作为一名中级前端工程师的话,除了上面的以外,还需要会使用一些框架之类的东西,像bootstrap、jquery之类的。进阶的知识应该是ajax这一块了,当然ajax并不难,了解怎么与后台交互是学习ajax的关键点,
高级前端工程师:想成为高级前端工程师,首先要学习的就是前端工程化,进阶框架angular、vue、react 。那它和jquery有着很大区别。vue是数据控制页面渲染及状态,而jquery是DOM节点控制渲染,vue渲染页面更容易更优雅。vue能够把前端项目彻底工程化,有配置文件、可以安装第三方模块、配合webpack打包、可以实现模块化开发…等等,当然简单是它最大的优势。进阶就是要学习es6 7 语法、vuex、Element_ui (开发pc端框架)、vux(开发手机端框架)、Mint UI(开发手机端框架)、Nodejs(后端语言,js语法)
Ⅳ 前端开发高级工程师有前途吗
你好,你说的是高级前端工程师是吧,那是肯定有前途啊,还是相当有前途啊!!!
听我给你好好分析一下
下面是去年8月份各大招聘网站的前端岗位的需求信息:
如果人家使用原生 js 封装的作品我们看都看不懂,那还谈得上什么精通JS?
其次,我们还得会自己造轮子。
我们要掌握根据自己的需求封装属于自己专用的插件。
或是对当前市面上的框架进行二次封装,实现我们所需要的功能。
只有当我们拥有这些能力的时候,我们才能在面试官前理直气壮的告诉他:
朕精通 JS,肉眼 debug,徒手撸框架。
So,现在的确缺前端,而且缺的是有过硬技术的前端!
来四点半学院,成为一名高技术的前端吧!
Ⅵ 到底web前端工程师是个什么样的职业
前端开发工程师,说白了就是一个上妆师,也是让一个网页上的元素各行其是的管理者。
细心的朋友发现了,为什么是“上妆师”,而不是化妆师?我们知道化妆呢需要一个过程:先挑选眼线的颜色、口红、腮红,配衣服,搭裤子等等,然后才是穿衣服,穿裤子,画眼线,涂口红啥的。
而在网页中,选色配搭,其实是设计师的职责,而前端开发工程师的职责只是负责把设计师配好的东西,给网页中的元素画上去,仅仅是上妆这个步骤。所以我用的是上妆师,而不是化妆师。
另外,前端开发工程师们还有一个很重要的职责。当用户在网页上触发了某些行为(点击按钮、点击链接等)的时候,前端工程师就得命令网页中的元素做出相应的反馈。(额…什么行为,什么反馈,又犯迷糊了)。
我
们下班回家按下电灯开关,灯得亮吧?我们按开关这个动作呢就叫做行为,就好比用户在网页中点击了一个按钮,当开关按下后灯亮了,这就是反馈,就好比用户点
击按钮后,页面中弹出一个方框,里面写着“先生/女士,晚上好”。而这一切的行为——响应,无疑要归功于强大的Javascript脚本语言。因此,也有
很多业内人士称前端工程师:程序员。
很
多互联网企业中都设有前端开发工程师的岗位,但是根据不同的公司,将前端开发工程师又有可能划分成不同的工种:CSS工程师、JS工程师,甚至后面的全栈
工程师(不在本文讨论范围)。通俗的说就是:CSS工程师是只负责给网页上妆的,而JS工程师是只负责编写命令指挥页面元素有序运作的。但通常一个网页的
前端需要CSS工程师和JS工程师通力合作才能完成。因此,也有不少企业不做以上划分,这就要求前端工程师们掌握更多更全面的技能。
Ⅶ web前端工程师主要是做什么
Web前端开发工程师,是从事Web前端开发工作的工程师。主要进行网站的开发、优化、完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。
一位好的Web前端开发工程师在知识体系上既要有广度,又要有深度,所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。现在说的重点不在于讲解技术,而是更侧重于对技巧的讲解。技术非黑即白,只有对和错,而技巧则见仁见智。以前会Photoshop和Dreamweaver就可以制作网页,现在只掌握这些已经远远不够了。无论是开发难度上,还是开发方式上,现在的网页制作都更接近传统的网站后端开发,所以现在不再叫网页制作,而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要,而且需要专业的前端工程师才能做好,这方面的专业人才近两年来备受青睐。Web前端开发是一项很特殊的工作,涵盖的知识面非常广,既有具体的技术,又有抽象的理念。简单地说,它的主要职能就是把网站的界面更好地呈现给用户。
Ⅷ web前端工程师的就业前景如何
就业前景蛮好的。在互联网飞速发展的大背景下,计算机行业发展前景好,薪资高,未来互联网大厂急需这方面的人才,所以web前端工程师的就业前景蛮好的。
前端要学的内容主要有:
①计算机基础以及PS基础
②前端开发基础(HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架)
③移动开发
④前端高级开发(ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等)
⑤小程序开发
⑥全栈开发(MySQL数据库、Python编程语言、Django框架等)
⑦就业拓展(网站SEO与前端安全技术)
web前端工程师是程序员里面入行门槛较低的一个职业,有意转行web前端的小伙伴可以对比一下开设有相关专业的热门学校,好的学校拥有根据当下企业需求自主研发课程的能力,建议实地考察对比一下。
祝你学有所成,望采纳。
北大青鸟学生课堂实录
Ⅸ 前端工程师发展前景怎么样呢
伴随着互联网行业的迅速发展,Web前端岗位已经越来越受到大家的重视,Web前端工程师的薪资也日渐水涨船高。不论是薪资还是工作环境,Web前端工程师都是很让人羡慕的,也正因为如此,已经有不少的小伙伴想要加入到前端领域中去。因此,很多想要学习Web前端的小伙伴们就会询问:2020年Web开发前端就业前景还好吗?下面我们就来和我一起看一看吧!
Web前端行业目前来看已经渗透到了到了生活的方方面面,这也说明了Web前端行业的生命力异常强大,并且未来的前途也是不可限量。假如你还在犹豫到底要不要接触Web前端,那么我给你的建议就是,与其将时间浪费在犹豫上,还不如认真的拼一把,把时间花在Web前端上。相信你看完下面的内容会对Web前端有个全新的认识。
为什么说Web开发前端就业前景好
目前的Web前端技术可以说已经是非常成熟了,同时Web前端市场也非常的火爆,并且Web前端的人才目前来看也是异常的紧缺。加之互联网行业的飞速崛起,目前Web前端技术的不断成长发展,也已经占据了互联网的一席之地。
Web前端的薪酬变化
前端开发行业薪资水平呈上涨趋势,Web前端开发早已不是做带动画的下拉菜单的时代了,他们已成为互联网主宰者,各行业都用其开发互联网应用。但目前整互联网行业的Web前端开发工程师紧俏,企业正高薪求才,薪资待遇一涨再涨 !
Web前端人才需求
Web前端技术可以说是越来越成熟了,Web前端开发工程师已经成为发展中的职业香馍馍。说起来几乎是整个互联网行业都缺少Web前端工程师,无论是刚起步的创业公司,还是上市公司乃至巨头,空缺一样存在。只要你够优秀,Web开发前端就业前景简直不要再好!
Web前端未来发展
Web前端的发展其实还是那句话,有需求才会有市场,为什么那么多人参加想进入Web前端的行列呢,还不是因为Web开发有市场,企业需要量大。所以与其费尽心思的想Web前端今后的发展,还不如用那个时间好好学习一些Web前端技能将来对就业更添保障。
综上所述,大前端是个非常有“前途”的工作,薪资待遇也很高,并且根据自己技能深入的不同程度,拥有不同的薪资待遇。想要成为Web前端工程师,最好有一个充分健全的知识布局体系,拥有内容的深度和广度,等于拥有了企业最需要的技能,到时候你就是企业争相抢聘的人才,也是行业中的佼佼者了。
希望对您有所帮助!~
Ⅹ 前端工程师需要掌握哪些技术
首先,要掌握HTML+CSS来实现静态的网页;
其次,掌握JavaScript在静态网页的基础上增加网页交互效果,比如网站中的轮播大图、返回顶部按钮等都是网页交互效果。
最后,前端工程化、后端技术方面、网络技术等相关知识也是需要你去了解一下,在工作中多多少少都会涉及到。
Tips:掌握一门后端语言有利于你能够更好的写好WEB前端代码,因为WEB网页最终还是要与后端语言进行结合形成一个真正的动态网站。
总结一下,需要掌握HTML+CSS+JavaScript(熟练或者精通)、后端技术语言(掌握一些前后端交互)、前端工程化(懂得应用即可,毕竟那个就是工具)。
最后给你推荐几个学习资源:
根据自己平常学习HTML5接触到的学习资源给你推荐一下吧。
HTML+CSS:《HTML5布局之路》《CSS禅意花园》
JavaScript:《JavaScript高级程序设计》《JavaScript权威指南》
HTML5分享平台:HTML5学堂、决胜前端等