前端开发工程师（前端开发工程师是做什么的）-全百科

本文目录

前端开发工程师是做什么的
如何成为前端工程师
前端开发工程师薪资怎么样
web前端开发的岗位具体是做什么
什么是前端开发工程师主要做什么
什么是前端工程师
什么是前端开发工程师
前端开发工程师主要做什么
web前端开发工程师的简介
前端开发工程师主要做什么的

前端开发工程师是做什么的

1、前端开发工程师是什么？

前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。

2、前端开发工程师的发展方向：

专家方向

经过几年的技术积累，大量的项目历练，很自然地就朝着专家的方向过渡了。技术人普遍具有的一个特征就是不喜欢管一些乱七八糟的事，更愿意钻研感兴趣的技术，解决一些技术难题。走专家路线可能是大多数技术人的选择。

管理方向

另一个职业方向就是技术管理。技术管理要求的更综合，日常的工作涉及项目管理，跨部门沟通，团队管理，技术体系建设等方面。做技术管理意味着远离一线coding，渐渐失去自己的技术优势，80%的精力是帮助团队同学成长，通过团队完成既定目标。

技术人要经历一个心态的转变。但企业招人过去最主要的目的是解决实际面临的技术问题，所以对于技术管理来说，技术还是一个基本面，不能完全放下，还是要时刻关注技术大方向。

产品&业务方向

还有一个职业方向是转型做产品经理更多地贴近业务。我身边有越来越多的前端做了几年的研发后转型做了产品。技术人转型做产品，其实是比较有优势的，一方面懂技术能更好地和研发沟通，另一方面产品设计上更容易落地。

如何成为前端工程师

一、技术的必须的

作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。三者必须同时精通，类似我字样对前端知识一知半解的，一遇到问题就停下工作就四处搜索解决方案的，首先就算不上一个合格的前端人员。像我这样的如果当了前端工程师那工期肯定是不能保证的。合格的前端工程师第一要学会的就是在没有任何外来帮助的情况下（包括搜索引擎），能够完成大多数任务。

以下知识点是作为一个前端工程师必须了解和熟悉的：

DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。
XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。
严格模式与混杂模式——如何触发这两种模式，区分它们有何意义。
盒模型——外边距、内边距和边框之间的关系，IE 《 8中的盒模型有什么不同。
块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。
浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
HTML与XHTML——二者有什么区别，你觉得应该使用哪一个并说出理由。
JSON——它是什么、为什么应该使用它、到底该怎么使用它，说出实现细节来。

上述这些知识点都应该是你“想都不用想”就知道的东西。除了上述的前端知识，也还需学会至少一门后端编程语言，让你自己学会如何与后端进行更好的交互。

很多前端工程师对一些库非常的熟悉，jQuery，Bootstrap等，但是对于库的熟悉并不能提现你的优秀，整整优秀的是那些理解库背后的机制，特别是能够徒手写出一个自己的库的人。

真正合格的前端工程师是能实现具体的功能要求，而优秀的前端工程师需要解决的问题是寻找一个最优的解决方案。

二、沟通很重要

优秀的前端工程师需要具备良好的沟通能力，因为你的工作与很多人的工作息息相关。在任何情况下，前端工程师至少都要满足下列四类客户的需求。

产品经理——这些是负责策划应用程序的一群人。他们能够想象出怎样通过应用程序来满足用户需求，以及怎样通过他们设计的模式赚到钱（但愿如此）。一般来说，这些人追求的是丰富的功能。
UI设计师——这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。他们热衷于流畅靓丽但并不容易实现的用户界面。
项目经理——这些人负责实际地运行和维护应用程序。项目管理的主要关注点，无外乎正常运行时间——应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化，以及不在升级更新时引入新问题。
最终用户——当然是应用程序的主要消费者。尽管我们不会经常与最终用户打交道，但他们的反馈意见至关重要；没人想用的应用程序毫无价值。最终用户要求最多的就是对个人有用的功能，以及竞争性产品所具备的功能。

不要在没有作出评估之前就随便接受某项任务。你必须始终记住，一定先搞清楚别人到底想让你干什么，不能简单地接受“这个功能有问题”之类的大概其的说法。而且，你还要确切地知道这个功能或设计的真正意图何在。“加一个按钮”之类的任务并不总意味着你最后会加一个按钮。还可能意味着你会找产品经理，问一问这个按钮有什么用处，然后再找UI设计师一块探讨按钮是不是最佳的交互手段。要成为优秀的前端工程师，这种沟通至关重要。

那么，前端工程师应该最关注哪些人的意见呢？答案是所有这四类人。优秀的前端工程师必须知道如何平衡这四类人的需求和预期，然后在此基础上拿出最佳解决方案。由于前端工程师处于与这四类人沟通的交汇点上，因此其沟通能力的重要性不言而喻。如果一个非常酷的新功能因为会影响前端性能，必须删繁就简，你怎么跟产品经理解释？再比如，假设某个设计如果不改回原方案可能会给应用程序造成负面影响，你怎么才能说服UI设计师？作为前端工程师，你必须了解每一类人的想法从何而来，必须能拿出所有各方都能接受的解决方案。从某种意义上说，优秀的前端工程师就像是一位大使，需要时刻抱着外交官的心态来应对每一天的工作。

专业技术可能会引领你进入成为前端工程师的大门，但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力，才会真正让你变得优秀。

三、提升无止境

优秀的前端工程师应该具备快速学习能力。推动Web发展的技术并不是静止不动的，这些技术几乎每天都在变化，如果没有快速学习能力，你就跟不上Web发展的步伐。你必须不断提升自己，不断学习新技术、新模式；仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别，而你的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。

四、前端开发知识架构

前端工程师
SVG/Canvas/VML
D3/Raphaël/DataV
知识管理/总结分享
沟通技巧/团队协作
需求管理/PM
交互设计/可用性/可访问性知识
编译原理
计算机网络
操作系统
算法原理
软件工程/软件测试原理
D2/WebRebuild
NodeParty/W3CTech/HTML5梦工厂
JSConf/沪JS(JSConf.cn)
QCon/Velocity/SDCC
JSConf/NodeConf
YDN/YUIConf
MongoDB/CouchDB
HTML5/CSS3
响应式设计
Zeptojs/iScroll
V5/Sencha Touch
PhoneGap
jQuery Mobile
CSRF/XSS
ADsafe/Caja/Sandbox
类库模块化
业务逻辑模块化
文件加载
CommonJS/AMD
YUI3模块
LABjs
SeaJS/Require.js
压缩合并
文档输出
项目构建工具
YUI Compressor
Google Clousure Complier
CleanCSS/UglifyJS
JSDoc
Dox/Doxmate
make/Ant
GYP
Grunt
Yeoman
数据结构
OOP/AOP
原型链/作用域链
闭包
函数式编程
设计模式
Javascript Tips
JSPerf
YSlow 35 rules
PageSpeed
HTTPWatch
DynaTrace’s Ajax
高性能JavaScript
HTTP1.1
ECMAScript3/5
W3C/DOM/BOM/XHTML/XML/JSON/JSONP
CommonJS/AMD
HTML5/CSS3
jQuery/Underscore/Mootools/Prototype.js
YUI3/Dojo/ExtJS
Backbone/KnockoutJS/Emberjs
Coding style
单元测试
自动化测试
JSLint/JSHint
CSSLint
Markup Validation Service
QUnit/Jasmine
Mocha/Should/Chai
WebDriver
IDE
调试工具
版本管理
VIM/Sublime Text2
Notepad++/EditPlus
WebStorm
Firebug/Firecookie
YSlow
IEDeveloperToolbar/IETester
Fiddler
Git/SVN
Github/Bitbucket/Google Code
HTML/HTML5
CSS/CSS3
PhotoShop/Paint.net
JavaScript/Node.js
JavaScript语言精粹
IE6/7/8/9
Firefox
Chrome/Safari/Opera
浏览器
编程语言
切页面
开发工具
代码质量
前端库/框架
前端标准/规范
性能
编程知识储备
部署流程
代码组织
安全
移动Web
JavaScript生态
前沿技术社区/会议
计算机知识储备
软技能
可视化
后端工程师
Unix/Linux/OS X/Windows
SQL
MySQL/MongoDB/Oracle
C/C++/Java/PHP/Ruby/Python/…
编程语言
数据库
操作系统
数据结构

参考链接：

http://www.cn-cuckoo.com/2010/01/10/nicholas-c-zakas-talk-about-what-makes-a-good-front-end-engineer-1356.html

JacksonTian/fks · GitHub

前端开发工程师薪资怎么样

互联网行业的高薪是众所周知的，而前端作为互联网公司越来越重视的技术开发模块，薪资收入同样一路走高。

从职友集采集到的的数据可以看到，北京地区前端岗位的平均月收入为20.1K。

这个薪资收入在其他部分传统实体行业中，已经属于天花板级别的收入了。而在前端岗位中，这仅仅是平均薪资，也就是说作为一个前端开发程序员，只要坚持学习，不断进步，一定是可以达到更高的收入水平。

自2016年至今，前端岗位的工资一直在快速增长，2016年北京各地区的前端岗位平均工资仅在14500元左右，至今已达到20000元了。所以，从事前端工作，只要技术过关，涨薪应该是最简单的事情。

技术成熟，入行门槛低

前端开发是一门对初学者非常友好的学科，不需要特别扎实的专业知识，文科生都可以轻松胜任。

前端入门需要学习的知识包括HTML和CSS，前者只是结构标签，后者是样式配置，入门是非常简单的。大家跟着好程序员的相关视频进行学习，或者找相关书籍来看，都可以实现轻松入门。

Web前端入门门槛低的另一个重要体现就是，符合82定律，也就是20%的东西使用率占到80%。因此我们的重点就是把这20%学起来，然后再逐步攻克剩余的80%知识点。

但是入门门槛低不带表前端岗位的成长性低，相反，前端的高端岗位收入是非常可观的，以前端架构师为例，招聘网站给出的薪资普遍都超过了35K。

可以创业或独立工作

成为一名优秀的团队成员对于任何组织来说都是一项很重要的技能，但是当涉及到一些私人的业务，或者你想在工作之余赚取一些外快的话，独立工作是非常重要切具有巨大好处的。

作为一名WEB程序员，你可以轻松的通过创建WEB应用、网站、主题以及很多数字产品来赚钱。

你可以在一些网站上售卖你的作品，或者花费下午时间的一两个小时制作WordPress主题来赚取外快。

有足够的多的工具和框架适应

从1990年前端诞生发展至今，前端技术已经形成了一个大的技术系统。作为一名前端开发者，有足够多的工具和框架可以让你用不同的方法轻松的完成工作。

当然，这在很大程度上会受你选择的平台的影响，几乎所有主流的WEB开发平台和语言都有良好的社区支持，以及众多的开发WEB应用和网站的工具可供选择。从你开发到产品进入市场，只需要很短的时间。

可以在职赚外快

开发一套前端程序的启动成本很低，并不需要庞大的计算资源。只需要拥有一台电脑并且能够联网即可。开发 WEB应用的大部分工具都是免费的，作为一名前端程序员，可以很容易接到兼职开发的工作，无论是网站开发、APP开发、亦或是小程序开发，都是我们赚取额外收入的目标。

Web前端行业，发展前景的美好性毋庸置疑，从初级到高级，有很多发展方向比如技术专家、全栈开发、项目经理，主管，架构师等等。晋升空间都是非常的，薪资水平也会随技术水平不断提高。

web前端开发的岗位具体是做什么

能够从浏览器或APP屏幕上直接看到的东西都属于前端，比如你在浏览网页时接触的所有视觉内容，从字体到颜色、下拉菜单和侧边栏等，这些视觉内容，均是由浏览器解析、处理、渲染相关HTML、CSS、Js文件后呈现出来的。前端开发的工作就是要创造上文提到的网站面向用户的部分背后的代码，并通过建立框架，构建沉浸性的用户体验。

近几年，前端的发展还是非常好的，市场需求大，加上学习起来也相对简单，有众多人选择并学习。现在流行前后端都会的全栈技能，我有全套web前端视频课资料可以发给你自学，是目前前沿的前端技能叫做web全栈工程师。

学习的内容包括：

①计算机基础以及PS基础

②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）

③移动开发

④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）

⑤小程序开发

⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）

⑦就业拓展（网站SEO与前端安全技术）

互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。

想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。

祝你学有所成，望采纳。

什么是前端开发工程师主要做什么

首先我们要知道什么是前端，前端就是网站前台部分，运行在PC端，移动端等浏览器上展现给用户所浏览的网页。

前端开发顾名思义就是这些页面的设计，代码的实现。

而Web前端开发工程师，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。不过，现阶段的网站开发已经不同于早年的网页设计，当时主要是以图片和文字为主，用户使用网站的行为也以浏览为主，这些的东西html就可以办到。而现在的前端开发使得现代网页更加美观，交互效果显著，功能更加强大。所以现在的前端开发，能做到的更多，运用到的知识面更加广泛，要学习到的知识也就更多，三大基础技能html、CSS和JavaScript是少不了的。

web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。

前端学习之路很长，慢慢学，慢慢提升，你也可以成功。

什么是前端工程师

前端工程师，又叫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语法）

前端开发工程师主要做什么

1、负责网站的前端开发，实现产品页面交互和功能实现；2、与程序开发人员密切合作，制定前端和后端程序接口标准；3、不断优化前端体验和页面响应速度，优化代码，保持良好的兼容性，提高web界面易用性；4、完成产品设计、开发、测试、修改等工作。5、解决项目开发过程中遇到的技术和业务问题。总结：1、负责网站的前端开发，实现产品页面交互和功能实现；2、与程序开发人员密切合作，制定前端和后端程序接口标准；3、不断优化前端体验和页面响应速度，优化代码，保持良好的兼容性，提高web界面易用性；4、完成产品设计、开发、测试、修改等工作。5、解决项目开发过程中遇到的技术和业务问题。声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:0731-84117792E-MAIL:11247931@qq.com

web前端开发工程师的简介

web前端就是用代码的形式，还原UI设计师设计的界面，并实现各种交互效果。web前端工程师是程序员里面入行门槛较低的一个职业，就前端应用开发框架而言，已经形成了HTML5、CSS3、《Ecmascript 6》标准规范。

要学的内容主要有：