Web前端工程师技能列表

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

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

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

UserInterface

PhotoShop/Fireworks Design a - 配合美工将草图形成具体的符合WebPage的设计 b - 有快速制作分层高品质PSD、PNG的能力 c - 能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码 Flash Design a - 基本动画效果 b - 复杂的交互体系设计，了解第三方swf辅助设计软件 c - 复杂的交互体系设计以及较强的对各类外埠资源（PNG、JPG、MP3、WAV等）的整合能力。精通部分第三方辅助设计软件（AE、SwishMax、Swift3D等）

Browser-side (Web Application)

XHTML/CSS a - 基本的layout实现 b - 严格跨平台的layout实现以 c - 优雅的HTML code，尽可能符合标准并有SEO的考虑因素。在任何平台、浏览器下基本保持一致。不要求了解各种CSS的hacks，但要求知道遇到问题应该如何查阅资料以在第一时间内解决。能够为JavaScript开发人员提供最好操作的DOM结构，让JS开发人员在开发的时候认为"一切都已经准备就绪了"，而不是"捉襟见肘"。 JavaScript/Ajax/DOM a - 基本的DOM操作，了解AJAX，可以实现数据通信 b - 基本的DOM操作，能写高效率的OOP代码，以降低维护成本 c - 基于需求，进行不同的开发，选择合适的框架，做到代码效率最高，用户体验最好，代码下载量最小，并且可以在单独甚至更多产品线中最大限度重用代码 Flash Developement a - 基于Timeline的ActionScript操作，能实现简单交互 b - 掌握a外，能实现数据层通信（与服务器以及本地SharedObject） c - 精通AS1-3，能根据需求进行各类RIA开发。无论是要求支持FlashPlayer8的，还是FlashPlayer9的，都能做到开发效率最高、灵活性最大（比如对HTML层的接口设计，等等）。

Client-side (Desktop Application) Apollo （待定，欢迎补充） Windows Presentation Foundation、WPF/E（Silverlight） （待定，欢迎补充）

Server-side

Server-side Language(PHP/ASP/CGI ...) （待定，欢迎补充） Media Server / Red5 （待定，欢迎补充）

---

本文地址：/Web_Design/2008/01/26/front-end-engineer-skills-list