在互联网早期的时候，小车还是比房子贵的，烧饼和粉丝还只是用来吃的。那时的页面设计风格相对单一，对应的页面需求比较简单，并且当时的浏览器也基本是 IE6 的天下，javascript 也只是网页特效的代名词，HTML 页面本身没有引起太多人的关注，似乎只要能用 div 甚至 table 加 css 辅助把图片定好位，把页面内容预留好就 OK 了，并且这种观念存在了很长一段时间。随着页面内容的丰富，设计风格的发展，交互复杂性的增加，AJAX 的应用，浏览器的更新换代，又让大家重新对最基本的页面本身重视起来。从这个阶段开始，从09年下半年至今，全中国的互联网公司都在招聘前端开发工程师，一直以来姥姥不疼舅舅不爱的前端开发工程师们终于迎来了“春天”。说到前端开发，小编恰好看到一篇介绍“前端开发工程师”的文章，从菜鸟迷茫的入门到熟稔操作的高手，一步步地提供培养计划与建议。因此，小编将其整理编辑了一下，希望对想成为前端开发师的大家有所帮助。

一、菜鸟入门

最原始的忠告：这个世界上有想法的人很多，但是有想法又能实现它的人太少！

首先要感谢伟大的Web2.0概念、产品概念、用户体验概念、jQuery插件，是它们在中国日渐成熟才解放了前端开发工程师们。

可能令你感到遗憾的是你从没从事过前端开发工作，不过没关系，只要你肯努力，一切都是可以学会的。

学生？设计师？程序员？SEOer？产品经理？项目经理？你是谁不重要，重要的是你想不想认识、了解、学习、精通前端技术。

1、想入门？

在入门之前你必须了解一个概念：什么是前端开发工程师？

在了解这个概念之前，先来看一下我们所熟悉的互联网大佬们在最近的招聘中对前端开发工程师岗位的要求。

阿里巴巴

1.丰富的前端开发经验，能解决Web项目中各种疑难问题；

2.精通各种Web前端技术，了解其适用范围及优劣性；

3.深刻理解Web标准，对标签语义.页面结构有深刻的认识，手写XHTML/CSS/JavaScript代码；

4.研究过JS框架，喜欢钻研新技术.能够解决各种浏览器兼容性问题。

Google

1.1年以上的前端开发经验；

2.了解Web标准，熟练掌握HTML/XHTML.CSS，具备规范的HTML和CSS代码的实现能力；

3.熟练掌握JavaScript，对JavaScript的高级特性有深入理解，具备OO方式的JavaScript程序设计和实现能力；

4.对页面设计和用户体验有一定了解，具备较好的产品设计能力；

5.了解浏览器兼容性问题，熟悉前端开发和调试工具，具有解决实际问题的能力和经验；

6.熟悉一种Server端语言并有实际工作经验，比如Python. PHP.Perl.Java.C等等；

7.熟悉Google API（任何产品均可），有实际的开发和使用经验；

8.熟悉其他前端开发相关技术或工具，比如ActionScript.Photoshop等等；

9.熟悉Web常见产品，有个人博客.网站等；

10.主动思考.主动工作。

百度

1.计算机及相关专业本科以上学历；

2.精通JavaScript.Ajax等Web开发技术；

3.精通 HTML/XHTML.CSS等网页制作技术，熟悉页面架构和布局；

4.熟练使用Linux系统，对算法.数据结构以及后台开发（C/C++/PHP/Java等）有一定了解；

5.熟悉W 3C标准，对表现与数据分离.Web语义化等有深刻理解；

6.对Web技术发展有强烈兴趣，有良好的学习能力和强烈的进取心；

7.良好的沟通与表达能力.思路清晰，较强的动手能力与逻辑分析能力。

腾讯

1.精通JavaScript或ActionScript，熟悉Web/RIA开发模式；

2.熟悉html/xhtml.css等网页制作技术，熟悉页面架构和布局；

3.熟悉Web标准，对表现与数据分离.html语义化等有一定理解；

4.对JS的各种特性以及浏览器兼容性有丰富实战经验；

5.具有良好的团队和积极主动的沟通意识；

6.具备强烈的进取心和求知欲，勇于挑战。

新浪

1.三年以上工作经验，有大型互联网公司任职经历为最佳；

2.对javascript语言有十分深入的了解；

3.掌握至少一门服务器端编程语言，对OOP有一定的认识，对前后端合作开发有一定的认知；

4.具备优秀的编程能力，对常见动画效果算法有一定地了解；

5.熟练掌握HTML/CSS/XML；

6.对互联网产品有着良好的感觉，对交互体验有较为深入的了解；

7.思路清晰，具备良好的沟通能力和理解能力。

看完上述岗位要求，我想你应该对前端开发工程师的概念有了一定的了解，尝试着定义一下？

前端开发工程师 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX

高级前端开发工程师 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX+UED+JSP|ASP|.NET|PHP

当然，上面的定义是针对大公司的，杯具的是中国互联网行业的大公司太少了，为了生存与生活，我们还要了解中小公司的需求：

前端开发工程师 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX+JSP|ASP|.NET|PHP+UI

高级前端开发工程师 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX+UED+JSP|ASP|.NET|PHP+UI+SEO+PM

也许你不一定要学这么多，但是如果全学会了，那你将可能成为真正的T型人才。

2、从何做起？

方向、勤奋、运气这三大成功要素中的“方向”已经渐渐清晰了，那么接下来要付出的就是“勤奋”。

“前端开发工程师”也许不能令你大富，但至少算是一技傍身，可以保障你的生存和生活。

准备好了？那么你接下来要做的是就是：

1.准备好工具（Photoshop、Dreamweaver），推荐：Photoshop cs2、Dreamweaver cs4。

2.购买一本入门书籍，推荐：《HTML+CSS网页设计与布局从入门到精通》、《精通CSS+DIV网页样式布局》。

3.下载一个CSS2.0手册。

4.努力练习吧，你可能需要1-3个月的学习才能了解XHTML+CSS。

二、初级成长

入门前端开发工程师后，前方也许没有终点，但路仍然要靠自己走。

在这部分，你必须已经学会并掌握了XHTML+CSS。技术是一个硬指标，不存在灰色地带，yes OR no都是一目了然。

1、逻辑思维能力的锻炼

大多数人在成长的最初阶段都是很辛苦的，这种辛苦程度也只有你自己最清楚。辛苦不是目的，也不是成就，目的是学会些什么。如果你已经掌握了XHTML+CSS，那么恭喜你，你成功的入门了。

当你掌握XHTML+CSS的时候，单纯的切页面工作已经满足不了你的胃口。接下来你需要学习的这一项技能，是直接决定你能否改变“前端开发初级阶段”现状的钥匙：JavaScript。

JavaScript是一种逻辑型语言，想要学会JavaScript必须有较强的逻辑思维能力。当然逻辑思维也是可以锻炼出来的，譬如多看看交互设计方面的书籍，不过最好的方法莫过于找个导师，这个导师可以是你的上司，同事，甚至于QQ群里的某个人。

中国大多数互联网公司对JavaScript的技能要求停留在应用层面。所谓应用层面，是指利用这项技能完成公司所要求任务，所以刻意的去钻研JavaScript的全部特性变得不是那么合算。

学习JavaScript和学习其他编程语言一样，没有任何捷径可走，唯一能快速达成目标的方法就是：勤学苦练。

总结一句：希望你在学习JavaScript之前已经掌握了XHTML+CSS，已经明白了什么叫对象及面向对象，已经锻炼出一定的逻辑思维能力。

2、如何成长？

1.购买成长书籍，推荐：《JavaScript入门经典》、《JavaScript高级程序设计》、《锋利的jQuery》、《jQuery实战》、《JavaScript权威指南》。

2.下载一个jQuery手册。

3.寻找一名导师。

4.创造一个可以支持你频繁使用JavaScript的环境，推荐：尽量尝试承担更繁重的工作。

5.开始勤学苦练，你需要3-12个月才能了解JavaScript。

三、熟练高手

成为高手，“执着”是成功的要素之一。

首先要对那些能够坚持学完XHTML+CSS+JavaScript的人表示敬佩，看似简单的三门语言，其实都含有强大的智慧和力量。

1、还想继续走下去吗？

XHTML+CSS+JavaScript是前端开发工程师最核心的技能，所以不仅仅是了解、熟悉这些就可以宣称自己是一名合格的前端开发工程师，想要合格，必须精通它们。

简单来说明一下“精通”的几个标识。

XHTML：深刻理解“语义化”。

CSS：凌驾于页面之上，具备架构思想，可以把控整站（100页面以上级别）结构。

JavaScript：深刻理解“对象”、“面向对象”、“万物皆对象”。

由了解到熟悉再到精通的这个过程是艰难的，自我衡量是否达到精通的方法是检查自己在学习的过程中有没有“顿悟”过。其实很少有人能自我“顿悟”，因为自学很容易陷进一个圈子而无力自拔。

最有效的“顿悟”方法莫过于拥有一个好的导师，但不是每个人都有好的运气可以碰到悉心教导你的人。如果你没有一个好的导师，那么我的建议是：勤学苦练一段时间后，要找个空闲放松一下，接触一些与前端无关的知识，譬如：战略、市场、销售等等。

精通XHTML+CSS+JavaScript仅仅可以让你成为一个合格的前端开发工程师，但并不足以造就一个“高手”。

首先要说明的一点：“高手”是通才，不是专才；一技之长只能保障生存，无法改变生活。

前端开发工程师是一个承前启后的职位，前面是视觉设计师，后面是服务器端工程师，所以高手的“通”首先是针对UI设计和服务器端语言 （ASP/.NET/JSP/PHP），另外还需要强化自身技能的一些扩展，譬如AJAX、XML、ActionScript等等，这些东西也许你很少会 用到，但对于个人价值提升是很有用的。

让我们来尝试着定义一下“高手”吧：精通XHTML+CSS+JavaScript、熟悉AJAX、XML、ActionScript、UI设计、服务器端语言。

当你满足上述条件时，你会发现自己得到了比字面上的这些更多更深刻的东西。

2、高手何在？

1.准备好工具，推荐：Flash CS4、Visual Studio 2005/Visual Studio 2008、SQL Server 2005/SQL Server 2008。（由于作者没有JSP和PHP的开发经验，JSP和PHP开发工具请自行选参）

2.高手参考书籍，推荐：《XML基础教程》、《ASP.NET2.0 XML高级编程》、《ASP.NET AJAX实战》、《Flash ActionScript3.0从入门到精通》、《网页设计与配色经典案解析》、《Web Designer Idea—设计师谈网页设计思维》、《Beginning C# Objects—概念到代码》、《ASP.NET2.0网站开发全程解析》、《Programming ASP.NET》、《C#2005数据库编程经典教程》。

3.寻找一名好的导师。

4.在学习中强化技能，在强化技能中拓展视野，在拓展视野后寻找下一个出发点。

5.你需要1-3年才能修炼成高手。

水是越舀越多了，却发现原来下面还深不见底，越是深入研究就越会发现更多山川需要翻越。在前端开发工程师日渐热门的今天，无论你是菜鸟级的入门选手，还是初级的成长者，还是熟练的高手，都应当不断地加强自己的专业能力。借用乔布斯的一句名言：“Stay Hungry， Stay Foolish”与大家共勉。

本文由乔布小编@乔布简历 辛苦整理成文，转载请注明出处：http://cv.qiaobutang.com/knowledge/articles/54a101580cf2cf11cb2a5745。