什么是前端工程师：

互联网前端工程师或 WEB 前端开发工程师，虽然是从网页制作演变而来但名称上有很明显的时代或版本特征，网页制作可能是 Web 1.0 时代的产物那时网站多为静态的 HTML 页面用户使用网站的行为也以浏览为主 2005 年以后互联网进入 Web 2.0 时代各种拥有类似桌面应用的 Web App 大量出现如 Gmail GoogleReader 等等网站的前端与交互由此发生了翻天覆地的变化，网页不再只是呈现单一的文字和图片，各种富媒体让网页的内容更加生动而软件化的交互形式为用户提供了更好的使用体验，这些都是基于多种前端技术紧密协作实现的。

前端开发工程师，简单的说就是将设计师的图稿变成在浏览器里真真正正呈现的 HTML 页面供用户点击操作交互，这个工作可以简单到用 Photoshop Fireworks 点几下鼠标直接导出页面；也可以复杂到考虑每个标签的语义，整体的性能，浏览器的兼容，用户的交互，搜索引擎的优化等等等等；技能的基本要求是熟练使用图形图像处理工具，精通 HTML CSS JavaScript 前端语言，最好了解一种服务器端语言如 PHP 等等；这就是为什麽我题目写的是一位 优秀的网站前端工程师 带来的价值，但寻找一位优秀的网站前端工程师相当困难，因为前端的几种技术都是入门易深入难的，多数人很容易上手但精通很困难再加上公司的不重视等等原因导致前端工程师水平差异较大从而普遍待遇较低，进而更多人不愿意去学习需要多种技术相辅的前端开发，因为可以花更少的精力学习一门后端程序然后，就等着恶心循环吧……

一个公司反面教材：

举一个我朋友所在公司的例子，该公司还算有点规模老总的目标是打造一个某某行业的门户网站，负责网站开发的部门有 8 名服务器端开发人员和 3 名网页设计美工，每位设计负责一个栏目的页面设计，然后交给销售经理过目审核（这点最戏剧）后独立完成 HTML 静态页面，最后交给程序开发人员嵌套 JS 和服务器端程序，且先不说没有前端开发工程师一个以互联网产品为主业的公司居然没有一个合格的互联网产品经理而是由销售部经理来提各种需求其直接结果就是：我觉得某某网站的某某功能很好用我们要加一个另外某某网站的动画很漂亮我们也要用……

网站前端工程师这个职位在绝大多数公司甚至是多数以互联网业务的公司里面都没有设置，从设计稿图纸到静态页面的工作通常由设计美工负责，但绝大多数美工都更倾向于设计方向对于 HTML + CSS 通常只能实现而对于语义规范标准化、浏览器兼容、网页性能、搜索引擎优化等等内容并不具备优势更不用说对于交互非常重要的 JavaScript 则通常交给后端程序员，但多数网站后端程序员通常都不会把 JS 当作是一门真正的程序语言来看待，更不用说使用 JS 去控制 DOM 和 CSS 这需要更多前端的控制能力，需要什么效果从网上搜一段直接粘贴到页面里，而这将直接导致各种问题隐患叠加。

前端工程师的价值：

我们知道互联网产品在用户体验上有两个非常重要的基本要求即 交互 和 速度 当然还有设计和其他的要素暂不在本文讨论范围内，然后我就针对这两点简单分析一下优秀前端工程师所带来的价值：

交互：对于互联网产品来说用户首先所接触到的就是前端页面而不是服务器端冷冰冰的程序，任你有再强大的功能如果用户操作使用起来非常复杂肯定留不住用户。最贴切的例子就是拥有全球最多访问量的 Google 谷歌搜索引擎，谷歌在全球有成千上万台服务器集群但前端也仅仅是一个简简单单的文本搜索框，再者就是目前众多类似于桌面应用的 WEB 应用之所以能够营造良好的用户交互体验很大程度上依赖于 JS HTML CSS 三种技术的紧密结合如 AJAX 技术而整个交互过程中我们需要服务器端提供一定格式的数据即可，更多的是依靠优秀的前端工程师多年的经验和对于这三种技术的结合应用，当然这并不是故意去贬低服务器端的重要性谁离开谁肯定都不能成功，正是这种 把复杂留给自己 把简单留给用户 的交互模式为优秀的互联网产品赢得了用户和价值，在国内互联网产品严重同质化的时候任何对于用户体验和交互所做的努力都将使你的产品大大超越对手；

速度：长期以来我的很多客户都存在一种误解即网站要想提速会从这些方面考虑：服务器端代码优化（代码）增加服务器配置（硬件）购买分布式网络（网络）等等；但就我个人目前的经验来说这些做法对于超过 99% 的网站来说收效甚微：就代码和硬件上来说除非是极其复杂的应用型网站否则单程序和数据库对于网站速度的影响并不大因为多数门户网站通常都已经静态化了；至于网速我们目前仍旧困扰在“最后一公里”还有“运营商互通”问题上即使服务器端有 1TB 的带宽对于绝大多数用户也只有 80Kbps 所以作用甚微。但如果是从前端代码优化就可以很容易起到事半功倍的效果，据本文结尾来自 涂雅 的一篇分析报告称，开心网（KaiXin.com）首页可以压缩精简将近 300KB 仅仅一个简单的首页这 300KB 每年可为开心网节省 5-8 万人民币的流量费用想想开心网有多少个这样的页面。与其一些企业把大量的钱花在购买大服务器高带宽和 CDN 分布式网络流量上不如花点小钱请一位优秀的 WEB 前端工程师，因为你的服务器再快带宽再高用户的带宽是不变的，如果超过用户的带宽上线任何努力都是毫无意义的；

其他：当然除了交互和速度以外互联网前端开发工程师还可以为你带来很多附加的价值其中最为吸引的就是 SEO 搜索引擎优化，对于网站用户首先接触的是前端页面搜索引擎也不例外，没有经验的美工会大量使用 DIV 或 TABLE 标签排版导致整个页面内容没有主次轻重之分，你可以模拟搜索引擎爬虫在禁用 CSS 和 JS 之后如果看起来一塌糊涂没有主次那么对搜索引擎来说也是如此，一名优秀的网站前端工程师需要考虑到每一个 HTML 标签的语义合理的使用 Hx 标签 ul ol dl 标签等等让你的页面即使禁用 CSS 也能保持良好的结构，同样是两栏的页面将重要的内容放到页面靠上的位置，准备参与交互的页面元素如何放置可以结构最优化，甚至是浏览器对于 CSS 渲染性能的考虑等等，这些小的细节累加起来将对网站整体起着重要的作用。

我们知道将近 3 亿用户的世界第一大 SNS 社交网站 facebook 所有的设计师被要求编写 HTML CSS 甚至是 PHP 等代码，设计师往往在简化方面做的过头而服务器端工程师往往会在功能上做的过头，我们需要一个角色来实现必须的衔接如同内存之于 CPU 和硬盘，在 facebook 会给与设计师充裕的时间来编写代码 facebook 认为：拥有一个能写代码的设计师能够了解细节并快速执行在 Design at Facebook 一文中作者曾多次提到 facebook 要确保每个设计师具有足够的技术来编写代码，这里提到的设计师其实都是具备优秀的前端开发能力，但这样的设计师寻找起来无异于大海捞针……

如何找到优秀的前端工程师：

大公司可以有具备优秀前端开发能力的顶级设计师可以有专门用于用户体验的 UE UI 部门；而小公司的话考虑到成本可以没有这些，也行会请一些经验并不丰富的美工甚至后端程序员，但请尽可能请一位优秀的前端开发工程师，这样可以为你的网站省下非常高的费用，减少带宽和服务器，甚至是节省数个后端程序员。当然 WEB 互联网前端工程师同时也是最不容易找到合适人选的职位，要想寻找到真正优秀的前端工程师，首先要求负责面试及招聘的主管对前端非常的精通，但目前很多主管都是服务器端技术出身，而后端人员往往会轻视或者忽略前端的工作，文章后面附带了一份前端工程师的面试题目及如何寻找优秀的程序员的文章，考察的非常详细希望能给负责面试的主管一些启发……

推荐阅读：

如何寻找优秀的程序员 from SteveHanov

两个重要而又容易被忽视的角色 from 涂雅

开心网网站分析报告 from 涂雅

一份前端工程师面试题目 from 贺敏

其实一个简单的道理：无论服务端的硬件多么强大速度多么快捷，前端用户的性能是你无法改变的，前端用户的带宽是你无法改变的，前端用户的眼光是你无法改变的，前端就是要善于解决这“最后一公里”的问题……

·
腾讯（Tencent）：注册入口

成立于 1998 年 11 月深圳民营企业，公司在开曼群岛注册，是目前中国最大的互联网综合服务提供商，从腾讯这里几乎可以获取目前几乎所有的互联网服务，注册用户于今年初突破 9 亿其中活跃用户 3.7 亿，公司拥有相关专利技术 400 多项，目前腾讯市值接近 248 亿美元成为世界第三大互联网公司。注册腾讯 QQ 号之后即可马上拥有以下由腾讯提供的各种服务。

腾讯综合门户（www.qq.com）中国最大的综合服务及新闻资讯门户网站。

腾讯即时通讯（im.qq.com）世界上注册用户最多的即时聊天通讯软件兼容各主流平台。

腾讯电子邮箱（mail.qq.com）电子邮局后起之秀没有广告 无限容量 超大附件 等等。

腾讯空间博客（qzone.qq.com）传统的网志系统加上大量新奇特别的装饰挂件注册用户五千万。

腾讯软件中心（pc.qq.com）近二十款自主开发的精品软件如输入法 播放器 游戏大厅 浏览器 等等。

腾讯和悦服务（www.heyyo.com）以低廉的价格与全球电话通讯的网络电话。

腾讯搜搜（www.soso.com）之前由谷歌提供技术驱动现由腾讯自主开发及维护的搜索引擎。

腾讯音乐（music.qq.com）桌面音乐播放器加海量正版音乐库下载在线用户两百万以上。

腾讯校友（xiaoyou.qq.com）于今年全新开放的学校班级校友互动平台包含一些校园特色功能。

腾讯公司也有其他一些非常有意义的服务如：腾讯慈善公益基金等等点击这里了解更多腾讯服务……

…… ……

·
谷歌（Google）：注册入口

成立于 1997 年，谷歌公司负责管理并维护目前世界上规模最大的互联网搜索引擎 Google 通常注册 Gmail 帐号或使用其他邮箱也可以注册谷歌帐号，以下这些特色服务对于互联网高级用户将非常必要。

谷歌搜索引擎（www.google.com）整合全球信息使人人皆可访问并从中受益。

企业应用套件（apps.google.com）为企业提供免费的企业邮箱 站点 日历 通讯录 等等在线应用。

网站管理员工具（webmasters.google.com）详细了解谷歌对你的网站的索引抓取情况并提供优化建议。

谷歌 Adsense 广告联盟（adsense.google.com）通过在您的网站上投放相关的广告来获取收益。

谷歌 AdWords 广告投放（adwords.google.com）快捷简便地制作并向互联网投放广告但按点击付费。

谷歌 Analytics 流量分析（analytics.google.com）免费使用更智能更友好的专业级网络分析功能。

谷歌 Picasa 网络相册（picasa.google.com）全平台修改整理共享图片的在线相册存储综合服务。

谷歌 gDocs 在线文件（docs.google.com）谷歌云计算的典范无需客户端直接在线编辑文档表格演示文稿。

谷歌 CODE 代码托管（code.google.com）谷歌代码为很多项目提供代码托管版本控制等服务。

除上述一些特性服务以外，谷歌也提供诸如：免费电子邮箱（gMail）个人博客（blogger）交友社区（orkut）知识百科（knol）等等服务……

·
微软（Microsoft）：注册入口

成立于 1975 年，是目前全世界最大的电脑软件提供商，但这里我们暂时不讨论 Windows 操作系统，而是简单列一下微软 Live 系列服务套件……

微软 Bing 必应搜索引擎（www.bing.com）用于取代之前的 Live Search 于今年 6 月正式发布。

微软 Live 网络平台（home.live.com）聊天 邮箱 交友 日志 照片 等等一站式网络平台。

微软 Live 软件包（download.live.com）包括 聊天 视频处理 相册管理 工具栏 网志撰写 等系列软件。

微软 SkyDrive 网络存储（skydrive.live.com）多达 25GB 免费存储空间并支持外链永久保存。

微软域名管理中心（domains.live.com）使用 LiveMail 为你的域名启用邮件支持及共享工具地址映射等。

当然微软 Live 套件也包含有免费电子邮箱（hotmail）共享网志空间（spaces）网络相册（photos）在线文档处理（OfficeOnLine）等互联网综合服务……

当然这里推荐腾讯的服务较多是因为腾讯是本土公司，而诸如谷歌微软等提供的服务偶尔会因为这些那些的原因出现无法登陆无法访问等情况，相比之下腾讯的服务更符合大众的习惯及口味，另外其他公司有更多优秀的服务并没有列入其中，如谷歌博客视频等等更多优秀的服务因为某些原因国内无法访问，所以这里也就没有做推荐；另外诸如 新浪 网易 雅虎 等国内一线门户网站提供的邮箱和社区等各种服务也是不错的，大家可以多多尝试，找出真正适合自己的。

最后推荐一个唯一需要付费购买的服务就是 域名（domain） 其实就是由网域名称系统（DNS）将一串字母数字和点组成的字串和 IP 地址相互映射的一个分布式数据库，能够使人更方便的访问互联网，而不用去记住能够被机器直接读取的 IP 地址数串。

简单的说，域名系统好比是一本电话薄里面存储了名字到地址的映射，我们可以直接通过拨打 anyLiv.com 这个名字而无需地址号码如（127.0.0.1）就可以直接访问这个网站。而在互联网上让别人知道自己的最好方法就是拥有一个简单、易记、特色的域名。一旦拥有一个顶级域，你可以方便的自由设置其二级域名如：home.anyLiv.com link.anyLiv.com blog.anyLiv.com 等等名称来分别发布自己的个性网站或博客……

关于域名的注册建议到相对法制和顶级的域名注册商如 Godaddy.com 或 Name.com 等切记不可在国内网站注册甚至是查询，他们会抢先注册然后高价卖给你。