Web前端开发工程师养成计划

Web前端开发工程师养成计划（入门篇）

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

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

有没有发现从09年下半年到现在全中国的互联网公司都在招聘前端开发工程师？如果你注意到了，那么恭喜你，你已经拥有那么一点点预测互联网职场动向的能力。

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

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

一：想入门？

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

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

阿里巴巴:
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型人才。

关于大公司和小公司哪个更好更适合的问题，这里就不讨论了。

二：从何做起？

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

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

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

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

2、加入一个前端开发QQ群，推荐：1010811（不是广告）

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

4、下载一个CSS2.0手册。

5、努力练习吧，你可能需要1-3个月的学习才能了解XHTML+CSS（有关HTML和XHTML的区别请百度查询）

Web前端开发工程师养成计划（成长篇）

也许没有终点，但路仍然要靠自己走。

我希望你在看到这篇博文的时候，已经学会并掌握了XHTML+CSS。技术是一个硬指标，不存在灰色地带，yes OR no都是一目了然。

一：写在前面的废话

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

我不是一个很笨的人，不过我当初入门也花了2个多月，如果你花的时间比我少，至少证明你比我聪明，貌似也会比我有前途；如果你花的时间比我长，那我只能很负责任的告诉你：你的基础打的太牢固了！

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

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

09 年以前学习JavaScript是一件比较痛苦的事情，因为那时候jQuery还没有大行其道。在jQuery遍地开花的今天，学习 JavaScript已经变得相对简单了。只要你掌握了CSS且有一定的逻辑思维能力，知道什么叫对象，明白什么叫面向对象，你一定能够学会 JavaScript。

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

我是jQuery的支持者，同样也倡导大家去钻研JavaScript，虽然钻研不是现在的课题，但我还是要说一句：JavaScript的强大，远超jQuery，甚至远超你的想象。

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

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

二：如何成长？

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

2、下载一个jQuery手册。

3、寻找一名导师，推荐：上司、同事、QQ群中某人。

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

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

Web前端开发工程师养成计划（高手篇）

“执着”是成功的要素之一。

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

一：还想继续走下去吗？

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

事实上“精通”这两个字在如今已经被滥用了，翻开10份简历你就能找到6个“精通”XX的，以致于这世界上的“天才”遍地都是。

简单来说明一下“精通”的几个标识。
XHTML：深刻理解“语义化”。
CSS：凌驾于页面之上，具备架构思想，可以把控整站（100页面以上级别）结构。
JavaScript：深刻理解“对象”、“面向对象”、“万物皆对象”。

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

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

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

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

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

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

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

二：高手何在？

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数据库编程经典教程》。（由于作者没有JSP和PHP的开发经验，所以有关JSP和PHP方面的书籍还请自行选参）

3、寻找一名好的导师，推荐：上司、同事、QQ群中某人。

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

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