从05年以后，互联网进入Web 2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。

　　随着Web 2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。XHTML+CSS布局、DHTML和Ajax像一阵旋风，铺天盖地席卷而来，包括新浪、搜狐、网易、腾讯、淘宝等在内的各种规模的IT企业都对自己的网站进行了重构。

　　为什么它们会对自己的网站进行重构呢?有两个方面的原因：

　　第一，根据W3C标准进行重构后，可以让前端的代码组织更有序，显著改善网站的性能，还能提高可维护性，对搜索引擎也更友好;

　　第二，重构后的网站能带来更好的用户体验，用XHTML+CSS重新布局后的页面，文件更小，下载速度更快。

　　网站重构的目的仅仅是为了让网页更符合Web标准吗?不是!重构的本质是构建一个前端灵活的MVC框架，即HTML作为信息模型(Model)，CSS控制样式(View)，JavaScript负责调度数据和实现某种展现逻辑(Controller)。同时，代码需要具有很好的复用性和可维护性。这是高效率、高质量开发以及协作开发的基础。

　　DHTML可以让用户的操作更炫，更吸引眼球;Ajax可以实现无刷新的数据交换，让用户的操作更流畅。对于普通用户来说，一个网站是否专业、功能是否强大，服务器端是用J2EE+Oracle的强大组合，还是用ASP+Access的简单组合，并没有太明显的区别。但是，前端的用户体验却给了用户直观的印象。

　　随着人们对用户体验的要求越来越高，前端开发的技术难度越来越大，Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。

　　Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

         不管是前端开发也好，前端设计也好、我想应该都需要以下这些技能。

　　【必备】UserInterface

　　PhotoShop/Fireworks Design

　　配合美工将草图形成具体的符合WebPage的设计

　　有快速制作分层高品质PSD、PNG的能力

　　能迅速将PSD、PNG的内容构思成div+css或者table等HTML代码

　　Flash Design

　　基本动画效果

　　复杂的交互体系设计，了解第三方swf辅助设计软件

　　复杂的交互体系设计以及较强的对各类外埠资源(PNG、JPG、MP3、WAV等)的整合能力。精通部分第三方辅助设计软件(AE、SwishMax、Swift3D等)

　　【必备】Browser-side (Web Application)

　　XHTML/CSS

　　基本的layout实现

　　严格跨平台的layout实现以

　　优雅的HTML code，尽可能符合标准并有SEO的考虑因素。在任何平台、浏览器下基本保持一致。不要求了解各种CSS的hacks，但要求知道遇到问题应该如何查阅资料以在第一时间内解决。能够为JavaScript开发人员提供最好操作的DOM结构，让JS开发人员在开发的时候认为"一切都已经准备就绪了"，而不是"捉襟见肘"。

　　JavaScript/Ajax/DOM

　　基本的DOM操作，了解AJAX，可以实现数据通信

　　基本的DOM操作，能写高效率的OOP代码，以降低维护成本

　　基于需求，进行不同的开发，选择合适的框架，做到代码效率最高，用户体验最好，代码下载量最小，并且可以在单独甚至更多产品线中最大限度重用代码

　　Flash Developement

　　基于Timeline的ActionScript操作，能实现简单交互

　　掌握a外，能实现数据层通信(与服务器以及本地SharedObject)

　　精通AS1-3，能根据需求进行各类RIA开发。无论是要求支持FlashPlayer8的，还是FlashPlayer9的，都能做到开发效率最高、灵活性最大(比如对HTML层的接口设计，等等)。

　　【必备】Client-side (Desktop Application)

　　Apollo

　　产品级的封装，基本技术了解(如何打包、如何加入HTML和JavaScript等)

　　掌握a的同时，能利用Apollo的API独立设计、开发OS的文件I/O功能。

　　掌握基本技能的同时，对"3D概念体系"有所认知。这里"3D"即：Design(设计)、Development(开发)、Deploy(产品部署)。能用Apollo

　　Windows Presentation Foundation、WPF/E(Silverlight)

　　(待定，欢迎补充)

　　【增补】Server-side (修改：经考虑，这个技能不参与评级)

　　本来列举了"1、Server端简单的技术、脚本"和"2、MediaServer(Red5)接口"作为"Web前端工程师技能列表"的一种(服务器、数据逻辑层技能的)评判标准。但似乎很多朋友对于前端工程师是否应该掌握Server端技能的必要性表示怀疑。确实，要掌握好上述的展现层技能不是意见容易的事情，而且前端工程师的确非常辛苦。但是，站在另一方面来说，辛苦的原因是什么，我不知道在你日夜奋战div+CSS的时候思考过没有。就我的经验，前端的辛苦在于以下几个方面：

　　重复劳动多，大量的div+css都是重复的，即便可以复制粘贴，但几千行的div海洋中去寻找一个入口恐怕都非常痛苦

　　需求变更多，往往你折腾几个小时终于把跨平台问题解决好了，而且在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(不参与评级)

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

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