这篇文章是在Chinaz上看到的,是一个叫黄锦诚的前端工程师哥们写的,感觉文章中关于对WEB前端工程师职位介绍的描述比较准确,所以转发过来和大家分享下。
在网站的发展史上,初期的网站建设根本不需要网页重构这个职位,WEB1.0时代的网页,只需要程序员,一堆堆的表格嵌套就完成,或者美工进行配合完成,先由美工负责设计好,再用一些自动化的软件拉伸几下,直接将设计好的图就可以通过软件输出表格的布局了,根本不需要重构这个多余的职位。随着WEB2.0的到来和W3C的规范得到世人的认可,内容和样式的分离更方便进行开发和维护,传统的表格布局和内容混排的方式逐渐地被淘汰,美工已不能完全一手包办越来越复杂的效果和高要求的页面布局了。此因催生了一个新的职位——前端工程师。
鄙人刚好作为一名WEB2.0成长起来的前端工程师,虽然说做的项目不多,但乐于与人分享。虽然分享的也许只是一些很表面甚至有些过时的东西,但也只希望为大家提个醒,最好能起到抛砖引玉的作用。
一、前端工程师的职能和作用。
什么是前端工程师?有人这样来表述:我们是工程师中的设计师,是设计师中的工程师。上班不干别的,就是玩,弄点效果,攒两页面,搞点创新。我们就是前端攻城师(工程师)。当然这个表述有点有点轻巧、调侃的味道,工作绝对不是玩那么简单的,有时候会为一些效果的实现或优化,弄得加班加点一起开发,但其实有两一句表述是非常中肯的,那就是:我们是工程师中的设计师,是设计师中的工程师。这句话将前端工程师的角色的定位说得很准确。前端工程师,在网站开发的初期,以工程师的身份来指导网页的设计,前端工程师明白程序的输出的方法,指导设计师在设计的过程中避免一些不能输出的数据排版,指出哪一些阴影、透明、圆角的使用不能大范围的使用等等;在进行页面的重构的过程中,又将以一个设计师的身份将设置页面转化为静态页面,需要用代码对设计页面进行最初的还原,实现好相应的前台的效果,排列好相应让后台开发的工程师输出数据的地方,以适应后台数据的输出并保持页面的不变形、不走位,在有数据输出正常的情况下,配合程序去修改样式,以尽量达到和设计的效果基本一致。所以在这个页面设计和到程序的现在过程中,需要前端工程师起到一个桥梁的作用。
前端开发是一项很特殊的工作,前端工程师的工作说得轻松,看似轻巧,但做起来绝对不是那么的简单。在开发过程中涵盖的东西非常宽广,既要从技术的角度来思考界面的实现,规避技术的死角,又要从用户的角度来思考,怎样才能更好地接受技术呈现的枯燥的数据,更好的呈现信息。简单地说,它的主要职能就将网站的数据和用户的接受更好地结合在一起,为用户呈现一个友好的数据界面。
二、前端工程师的发展前景如何
前端工程师是是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过5年。互联网的发展速度迅猛,网页由WEB1.0到WEB2.0,再到新生的HTML5、CSS3,到现在手机、3G网络等新科技的兴起,网页也由最原先的图文为主,到现在各种各样的基于哀前端技术实现的应用、交互和富媒体的呈现,更多的信息、更丰富的内容、更友好的体验,已经成为网站前端开发的要求,网站的前端开发发生了翻天可覆地的变化。
网站的开发对前端的需要越来越重要,但个新和职业在业务还是很缺,所以高质量的前端开发工程师将会是后五年内一个非常热门的职业,发展的前景非常可观。
三、前端工程师需要掌握的技能
作为一个前端工程师,需要掌握的技能还真的不少。
最基本的三个技能:HTML、CSS、JavaScript
这个是前端开发中最基本也是最必须的三个技能。前端的开发中,在页面的布局时, HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效果和交互。虽然表面看起来这些很简单,但这里面需要掌握的东西绝对不会少。在进行开发前,需要对这些概念弄清楚、弄明白,这样在开发的过程中才会得心应手。
分享到:
相关推荐
《大巧不工:Web前端设计修炼之道》适合于经验还不够丰富的前端工作者(前端设计师、前端开发工程师、前端架构师和用户体验设计师),希望它能帮助大家从复杂、繁琐、无序的前端设计、开发和维护工作中解放出来,以...
Web前端word模板,Web前端word...Web前端开发简历模板下载word WEB前端工程师简历模板 Web前端设计师简历模板 web前端个人简历模板下载 web前端开发简历模板word下载 Web前端开发英文简历模板 应届生Web前端开发简历模板
1.前端设计师,职位需求: 会基本的企业网站设计+能切图+能写基本的JS应用+Jquery熟悉应用 2.前端工程师,职位需求: 会切图+能写JS中高级应用+数据库+能用PHP建立后台管理系统 本课程以上技能力全部涵盖
一款漂亮个性的web简历模板下载_简历 单页 窄 漂亮 web简历 动画 作品 设计师 前端工程师.zip一款漂亮个性的web简历模板下载_简历 单页 窄 漂亮 web简历 动画 作品 设计师 前端工程师.zip
一款漂亮个性的web简历模板下载_简历 单页 窄 漂亮 web简历 动画 作品 设计师 前端工程师.rar
设计师web简历模板下载是一款适合程序员 设计师 工程师的CSS3简历模板下载。_html网站模板_网页源码移动端前端.rar
帮助学Web前端的设计师投简历时的简历模板,还有写简历会遇到的问题
本书适合于经验还不够丰富的前端工作者(前端设计师、前端开发工程师、前端架构师和用户体验设计师),希望它能帮助大家从复杂、繁琐、无序的前端设计、开发和维护工作中解放出来,以良好的设计思维与架构方法为前端...
本课题利用Vue.js框架开发了一款前端开发工具,该工具可以辅助UI设计师和前端工程师进行页面设计工作,提髙前端开发的效率,减少前端工程师的工作量。 本文论述了该工具的设计和实现过程,该工具提供了页面...
设计师web简历模板下载是一款适合程序员 设计师 工程师的CSS3简历模板下载。.zip设计师web简历模板下载是一款适合程序员 设计师 工程师的CSS3简历模板下载。.zip
资源名称:Nodejs给前端...其中很多号称是Web开发者的人实际上并没有什么专业的前端技能,有些工作就是被当做简单的力气活由美术设计师顺便做做而已。当时很 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
html
精灵一个基于C#的Windows Form应用程序,帮助前端工程师和设计师将多张图片合二为一,同时生成样式文件。 ###为什么要使用精灵技术?###当浏览器访问包含大量图像的网页时,它必须为每个图像向Web服务器提出请求。 ...
个性 个人主页 web简历 wap菜单 导航 设计 设计师 前端工程师 图片均分 lightbox 文艺 小清新 画册 vi ui 印刷 平面设计 工业设计 bootstrap 手机 响应式 黑色 fixed 展示 案例
FlexyCard程序员工程师web简历模板下载_蓝色 设计师 程序员 前端工程师 简历 个人作品 博客 blog 个人主页 作品展示 web简历 响应式 手机 bootstrap 迷你 窄 交互 css3 html5 仿flash 简单.rar
Ant Design 源自蚂蚁金服...Ant的设计师和前端工程师经过大量的项目实践和总结,沉淀出一套企业级的交互视觉规范,统一中后台项目的前端 UI 设计,屏蔽各种不必要的设计差异和前端实现成本,解放设计和前端开发资源。
适合WEB开发工程师、前端制作工程师和界面设计师使用。适用于自动化办公、电子政务和RIA应用等系统的开发。经实践检验,本框架能够大幅度地提高系统开发效率,降低开发成本。 http://www.quickui.net/
以及积极实践HTML 和CSS 新特性的Web 设计师和 前端工程师的书。拥抱新技术,就从 现在就开始,不是明天或者下周。这本书不会教你如何书写基本的HTML 标签或者CSS 样 式,而是会传授对于学习新知如饥 似渴的你,如何...