web前端开发工程师怎样入门及进阶，如何学好web前端开发，有什么快捷的方式吗？

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

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

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

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

入门web前端工程师 不掌握这些技能怎么行

一：想入门？

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

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

阿里巴巴：

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

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

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

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

Google：

1、1年以上的web前端开发经验；

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

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

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

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

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

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

8、熟悉其他web前端开发相关技术或工具，比如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、思路清晰，具备良好的沟通能力和理解能力。

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

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

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

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

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

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

也许你不一定要学这么多，但是如果全学会了，那你将可能成为真正的T型人才。 关于大公司和小公司哪个更好更适合的问题，这里就不讨论了。

二：从何做起？

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

“web前端开发工程师”也许不能令你大富，但至少算是一技傍身，可以保障你的生存和生活。 准备好了？那么你接下来要做的是就是：

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

2、加入一个web前端开发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的时候，单纯的切页面工作已经满足不了你的胃口。接下来你需要学习的这一项技能，是直接决定你能否改变“web前端开发初级阶段”现状的钥匙：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前端开发工程师养成计划（高手篇）

《Date： 2010-05-21》 《Author： 幕》 《Category： web前端开发》 查看评论

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

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

一：还想继续走下去吗？

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

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

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

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

CSS：凌驾于页面之上，具备架构思想，可以把控整站（100页面以上级别）结构。 JavaScript：深刻理解“对象”、“面向对象”、“万物皆对象”。

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

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

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

首先要说明的一点：“高手”是通才，不是专才；一技之长只能保障生存，无法改变生活。 web前端开发工程师是一个承前启后的职位，前面是视觉设计师，后面是服务器端工程师，所以高手的“通”首先是针对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年才能修炼成高手。