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

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

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

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

 

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

 

 

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

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

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

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

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

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

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查找次数、避免重定向等等。