浅谈前端开发工程师与美工的区别

一、 什么是美工？
     美工：意为美术工程师(Art Engineer)，一般出身于艺术美术院校的艺术设计专业居多。
     根据工作性质美工一般分为平面美工、三维美工、网页美工三大类。
     平面美工是由美工用Fireworks 或者 Photoshop 设计出平面外观。
     三维美工是由美工用3DMAX等工具进行三维角色模型设计，道具模型设计，环境场景模型设计，包装设计等。
     网页美工是美工用Dreamwerver等网页编辑软件把已经设计好的平面效果图，制做成HTML静态网页文件。这里就要求美工用到CSS和DIV技术了，也就是所谓的切图。说的详细一点就是，网页美工一般需要精通PHOTOSHOP/CSS/HTML/JAVASCRIPT等网络语言或工具进行网页框架，色彩，基调，创意等处理。而这里所说的网页美工，其实是Web1.0时代的产物，那时的网站多为静态的HTML页面，用户使用网站的行为也以浏览为主。而到了2005年以后，互联网进入Web2.0时代，各种拥有类似桌面应用的Web App大量出现。如GmailGoogleReader 等等。网站的前端与交互由此发生了翻天覆地的变化，网页不再只是呈现单一的文字和图片，各种富媒体让网页的内容更加生动，而软件化的交互形式也为用户提供了更好的使用体验，这些都是基于多种前端技术紧密协作实现的。由此，“前端开发工程师”这个职位油然而生！

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

    前端开发工程师是Web前端开发工程师的简称，是近五年才真正开始受到重视的一个新兴职业。Web前端开发技术是一个先易后难的过程，主要包括三个要素：HTML、CSS和JavaScript，这就要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
    前端开发工程师，简单的说就是将设计师的图稿变成在浏览器里真真正正呈现的 HTML 页面供用户点击操作交互，这个工作可以简单到用 Photoshop Fireworks 点几下鼠标直接导出页面；也可以复杂到考虑每个标签的语义，整体的性能，浏览器的兼容，用户的交互，搜索引擎的优化等等；技能的基本要求是熟练使用图形图像处理工具，精通HTML/ CSS/JavaScript前端语言，最好还要了解一种服务器端语言如PHP等等。想入门前端开发这个行业很简单，买本HTML+CSS方面的书，自学个一两周的时间，也许就能找到一份“网页制作”的职业了，但想真正成为一名优秀的前端工程师却比较困难，因为前端的几种技术都是入门易深入难的，多数人很容易上手但精通却很困难。再加上很多公司的不重视等原因导致前端工程师的水平差异较大从而普遍待遇较低，进而更多人不愿意去学习需要多种技术相辅的前端开发，因为可以花更少的精力学习一门后端语言。

三、成为一名优秀的、甚至卓越的 前端开发工程师的具备什么条件？

    首先，优秀的Web前端开发工程师要在知识体系上既要有广度和深度！做到这两点，其实很难。所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。技术非黑即白，只有对和错，而技巧则见仁见智。在以前，会一点Photoshop和Dreamweaver的操作，就可以制作网页。现在，只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。

    其次，优秀的Web前端开发工程师应该具备快速学习能力。Web发展的很快，甚至可以说这些技术几乎每天都在变化！如果没有快速学习能力，就跟不上Web发展的步伐。前端工程师必须不断提升自己，不断学习新技术、新模式；仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别，而前端工程师的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。
说到这里，我想起了一个大师说过的一句话：对于新手来说，新技术就是新技术。
对于一个高手来说，新技术不过是就技术的延伸。
    最后，优秀的前端工程师需要具备良好的沟通能力，因为前端工程师至少都要满足四类客户的需求。

1、产品经理。这些是负责策划应用程序的一群人。他们会想出很多新鲜的、奇怪的、甚至是不可是实现的应用。一般来说，产品经理都追求丰富的功能。

2、UI设计师。这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。一般来说，UI设计师于流畅靓丽、但并不容易实现的用户界面，而且他们经常不满前端工程师造成 1px 的误差。

3、项目经理。这些人负责实际地运行和维护应用程序。项目管理的主要关注点，无外乎正常运行时间、应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化，以及不在升级更新时引入新问题。

4、最终用户。指的是应用程序的主要消费者。尽管前端工程师不会经常与最终用户打交道，但他们的反馈意见至关重要。最终用户要求最多的就是对个人有用的功能，以及竞争性产品所具备的功能。

四、前端扩展技能

1. 选择性的掌握一下Photoshop或者Fireworks.
学到什么程度可以根据你自己的需求来定。如果将来靠前端吃饭，去大公司是不需要前端开发做设计稿的，会分层切图就可以了。当然，如果对设计方面感兴趣的话，把PS玩的很溜，也是不错的事情。

2. 了解一门后端语言
可以了解一下PHP+Mysql或者JSP等后端语言。职业的特殊性决定了我们需要跟后端工作者频繁的沟通，掌握这方面的一些知识有利于更有效的交流问题。提升前端在整个团队中的形象，进而提升自己的待遇。另外，学好这部分东西，有企业找你做网站的时候，你可以拿的更稳妥。至于学PHP还是学JSP，根据自己的爱好来定，个人感觉PHP很不错，很多开源程序都是PHP的，学会了有利于自己建站。另外，wordpress是个很好玩的东西。

3. SEO+UE（用户体验）
用户体验是王道，而SEO是吸引用户的王道。UE其实是前端开发不可缺失的一部分。玩好这一点，往上，可以晋升到产品经理、部门经理的位置；往下，可以博得自己客户的满意。况且这东西并不难学，多留神观察生活就是了。何乐而不为呢？

4. 前端性能优化
掌握这门手艺，可以使网站速度得到提升，从而为公司节约开支。有时间可以查询一下网站页面优化法则，如：尽量减少HTTP请求次数、CSS Sprites 图片整合技术、合并CSS与JS、运用CDN技术、减少DNS查找次数、避免重定向等等。