谈谈Web前端工程师的定位

先给前端工程师的工作下个一句话定义：运用前端技术，实现体验的良好传达。如果在前面加上 Web，那么是针对 Web 这个领域的，主要是互联网，也可以将移动通信网络和其他传媒网络（比如IPTV）包含在内，因为其理念是一致的。

现在要在未毕业的学生中找到一个符合技能条件的 Web 前端工程师可以说是少之又少。而相关领域的从业者，又因为不被重视、干杂活、薪水低等原因，觉得选错了行当，又停止了在这个方向上的努力学习。最终导致企业招不到一位满意的 Web 前端工程师。这涉及到两个定位的问题，即 1) 企业如何给Web前端工程师定位，2) Web 前端工程师如何定位自己。前者等下次有机会再谈，先讲后者。

Web 前端工程师如何定位自己

首先，这是很有前途的工作。百安居的卫哲曾经对大学生择业提出这样的建议：第一选择新行业，第二选择新企业，第三选择新部门。互联网行业相对传统行业，算是新行业；现在创业公司很多；Web 前端工程师又是一个新的岗位。中国的 Web 前端工程师正在起步，会有很好的发展。

然后，想一下自己是否适合和喜欢这份工作。Web 前端工程师并不是设计师，我更倾向于将这个岗位定位为开发人员。这个岗位上每天接触的更多的仍然是代码、代码、代码。如果你喜欢的是设计，那么应该适当调整自己的学习重点。Web 前端工程师应该是那种完美主义者，或者有一定程度洁癖，天蝎座较佳，更像程序员。术业有专攻，自己多想想自己的职业规划。

最后，通过努力找到好的雇主。如果你将自己定位为 Web 前端工程师，那么去投靠对该岗位有一定认识的公司比较合适（推荐一下淘宝）。在这样的公司里面，会有明确的职位说明和职责范围，以及良好的培养计划。在这样的公司能够有比较好的发展。

但是，如果你现在还不具备应有的一些技能，那么也可以从“美工”开始接触起。起码几年之内，这个岗位的空缺还是很大的。在这样的岗位上，卧薪尝胆个一两年，同时注重自身知识水平和思想的提高，对 Web 前端工程师就更近一步了。

关于技能

一般来讲，企业会更倾向于选择复合型人才（aka. T型人才）。基本上，我觉得 Web 前端工程师所需技能大致如下：

• (X)HTML + CSS，从入门到精通
• JavaScript，基本的 Ajax 和 framework
• Semantic + Accessibility，主要是思想、理念上
• 浏览器（或者相应播放器）的渲染/重绘原理
• 其他 RIA 相关技术和理念

看看自己的知识结构，是 T 的一横不够广，还是一竖不够深？

其他

最后提一下关于企业对于 Web 前端工程师的定位问题。主要是三个：a) 是否需要？ b) 明确职责，c) 培养计划。这些以后再谈吧。

要打造一流的Web产品开发团队，在团队成员基础能力上一定要下功夫。对于Web前端产品开发来说，仅仅掌握Web1.0时代简单的”网页套接”是完全不够的。我结合自己的团队配备，特此罗列了Web前端产品工程师所涉及的技能列表如下：

通过许多实际项目，个人认为一个完备的前端产品开发团队，必须拥有如下的人才配备，也希望大家补充：

• 团队全体成员达到所有技能中的a级标准
• 团队全体成员必须掌握两项技能中的b级标准，并保证所有的b级标准在该团队中有50%以上成员能达到
• 团队全体成员必须掌握一项技能中的c级标准，并保证所有的c级标准在该团队中有25%以上成员能达到

具体技能描述：

• 【必备】UserInterface
• 1. PhotoShop/Fireworks Design
     a – 配合美工将草图形成具体的符合WebPage的设计
     b – 有快速制作分层高品质PSD、PNG的能力
     c – 能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码
  2. Flash Design
     a – 基本动画效果
     b – 复杂的交互体系设计，了解第三方swf辅助设计软件
     c – 复杂的交互体系设计以及较强的对各类外埠资源（PNG、JPG、MP3、WAV等）的整合能力。精通部分第三方辅助设计软件（AE、SwishMax、Swift3D等）
• 【必备】Browser-side (Web Application)
• 1. XHTML/CSS
     a – 基本的layout实现
     b – 严格跨平台的layout实现以
     c – 优雅的HTML code，尽可能符合标准并有SEO的考虑因素。在任何平台、浏览器下基本保持一致。不要求了解各种CSS的hacks，但要求知道遇到问题应该如何查阅资料以在第一时间内解决。能够为JavaScript开发人员提供最好操作的DOM结构，让JS开发人员在开发的时候认为”一切都已经准备就绪了”，而不是”捉襟见肘”。
  2. JavaScript/Ajax/DOM
     a – 基本的DOM操作，了解AJAX，可以实现数据通信
     b – 基本的DOM操作，能写高效率的OOP代码，以降低维护成本
     c – 基于需求，进行不同的开发，选择合适的框架，做到代码效率最高，用户体验最好，代码下载量最小，并且可以在单独甚至更多产品线中最大限度重用代码
  3. Flash Developement
     a – 基于Timeline的ActionScript操作，能实现简单交互
     b – 掌握a外，能实现数据层通信（与服务器以及本地SharedObject）
     c – 精通AS1-3，能根据需求进行各类RIA开发。无论是要求支持FlashPlayer8的，还是FlashPlayer9的，都能做到开发效率最高、灵活性最大（比如对HTML层的接口设计，等等）。
• 【必备】Client-side (Desktop Application)
  1. Apollo
     a – 产品级的封装，基本技术了解（如何打包、如何加入HTML和JavaScript等）
     b – 掌握a的同时，能利用Apollo的API独立设计、开发OS的文件I/O功能。
     c – 掌握基本技能的同时，对”3D概念体系”有所认知。这里”3D”即：Design（设计）、Development（开发）、Deploy（产品部署）。能用Apollo
  2. Windows Presentation Foundation、WPF/E（Silverlight）
     （待定，欢迎补充）
• 【增补】Server-side （修改：经考虑，这个技能不参与评级）
  本来列举了”1、Server端简单的技术、脚本”和”2、MediaServer（Red5）接口”作为”Web前端工程师技能列表“的一种（服务器、数据逻辑层技能的）评判标准。但似乎很多朋友对于前端工程师是否应该掌握Server端技能的必要性表示怀疑。确实，要掌握好上述的展现层技能不是意见容易的事情，而且前端工程师的确非常辛苦。但是，站在另一方面来说，辛苦的原因是什么，我不知道在你日夜奋战div+CSS的时候思考过没有。就我的经验，前端的辛苦在于以下几个方面：
  1. 重复劳动多，大量的div+css都是重复的，即便可以复制粘贴，但几千行的div海洋中去寻找一个入口恐怕都非常痛苦
  2. 需求变更多，往往你折腾几个小时终于把跨平台问题解决好了，而且在IE6、7和Firefox下面都能显示同样的效果了，甚至连JavaScript交互都已经快搞定了。突然上面说需求要变。这无疑是莫大的痛苦。

  也许表面上看，这跟Server端技能无关，但我觉得有好的Server端的意识，一定会有所帮助（当然不可能解决所有的问题）。毕竟信息结构和数据库是密切相关的，而Server是连接数据库的唯一渠道（至少大多数B/S应用是如此）。掌握Server端的基本技能，对于同逻辑层开发人员设计接口是非常重要的。而且HTML表现层在开发时与数据的分离，也与Server端的各种模板技术有关。例如PHP中的Smarty模板（我曾经用的）、jsp的model2概念等等。HTML结构如何设计，如何让HTML重用，甚至在HTML层进行OOP的开发（我现在在新产品线中设计的前端开发流程），都需要Server端的支持。最起码，你要告诉php程序员你需要什么。如果你完全对PHP一无所知的话，那也无从谈起了。
  此外，对于创业团队，往往人手非常有限。为了让运营成本降到最低，所有的技术人员都有义务对Server端技术有所了解。如果为了修改一个网页的标题还要跑去喊PHP程序员连接Remote Server的话，那实在是增加了整个公司的运营成本。
  总结：我认为，可以不了解技术细节，但应该知道原理，最好能掌握一两套设计思想（毕竟数据逻辑都在这里走，光看HTML和JavaScript，对人的见识还是有局限的，这种局限限制了我自己很久的时间），那将是一比宝贵的财富。

• 【增补】Mobile-side（不参与评级）
  1. Flashlite
     （待定，欢迎补充）
  2. Java？
     （待定，欢迎补充）

看到很多朋友留言说前端工程师没前途，我在想，同时掌握移动设备的技能是否也是拓展前途的一个必要性？这里再多说几句，关于技术人员的前途，目前在国内确实得用”惨淡”来形容。浮躁的氛围让技术人才往往过早放弃了自己的技术生涯，而尔虞我诈的整体道德水平也让单纯的技术人员痛不欲生（我身边太多了，恩，不说具体细节了，呵呵）。

作为一个技术人员，开发人员，在保持纯粹地敬业心态（这是前提，这么没有，啥也别谈）外，更要学会如何保护自己，如何壮大自身，社会不会同情你，只有你自己才能保护你自己。