感謝偉大的Web2.0概念、產(chǎn)品概念、用戶體驗(yàn)概念、jQuery插件，是它們?cè)谥袊?guó)日漸成熟才解放了一直以來(lái)姥姥不疼舅舅不愛的前端開發(fā)工程師們。

有沒有發(fā)現(xiàn)從09年下半年到現(xiàn)在全中國(guó)的互聯(lián)網(wǎng)公司都在招聘前端開發(fā)工程師？如果你注意到了，那么恭喜你，你已經(jīng)擁有那么一點(diǎn)點(diǎn)預(yù)測(cè)互聯(lián)網(wǎng)職場(chǎng)動(dòng)向的能力。

可能令你感到遺憾的是你從沒從事過(guò)前端開發(fā)工作，不過(guò)沒關(guān)系，只要你肯努力，一切都是可以學(xué)會(huì)的。

學(xué)生？設(shè)計(jì)師？程序員？SEOer？產(chǎn)品經(jīng)理？項(xiàng)目經(jīng)理？你是誰(shuí)不重要，重要的是你想不想認(rèn)識(shí)、了解、學(xué)習(xí)、精通前端技術(shù)。

一：想入門？

在入門之前你必須了解一個(gè)概念：什么是前端開發(fā)工程師？

在了解這個(gè)概念之前，先來(lái)看一下我們所熟悉的互聯(lián)網(wǎng)大佬們?cè)谧罱恼衅钢袑?duì)前端開發(fā)工程師崗位的要求。

阿里巴巴：

1、豐富的前端開發(fā)經(jīng)驗(yàn)，能解決Web項(xiàng)目中各種疑難問(wèn)題；

2、精通各種Web前端技術(shù)，了解其適用范圍及優(yōu)劣性；

3、深刻理解Web標(biāo)準(zhǔn)，對(duì)標(biāo)簽語(yǔ)義、頁(yè)面結(jié)構(gòu)有深刻的認(rèn)識(shí)，手寫XHTML/CSS/JavaScript代碼；

4、研究過(guò)JS框架，喜歡鉆研新技術(shù)、能夠解決各種瀏覽器兼容性問(wèn)題。

Google：

1、1年以上的前端開發(fā)經(jīng)驗(yàn)；

2、了解Web標(biāo)準(zhǔn)，熟練掌握HTML/XHTML、CSS，具備規(guī)范的HTML和CSS代碼的實(shí)現(xiàn)能力；

3、熟練掌握J(rèn)avaScript，對(duì)JavaScript的高級(jí)特性有深入理解，具備OO方式的JavaScript程序設(shè)計(jì)和實(shí)現(xiàn)能力；

4、對(duì)頁(yè)面設(shè)計(jì)和用戶體驗(yàn)有一定了解，具備較好的產(chǎn)品設(shè)計(jì)能力；

5、了解瀏覽器兼容性問(wèn)題，熟悉前端開發(fā)和調(diào)試工具，具有解決實(shí)際問(wèn)題的能力和經(jīng)驗(yàn)；

6、熟悉一種Server端語(yǔ)言并有實(shí)際工作經(jīng)驗(yàn)，比如Python、 PHP、Perl、Java、C等等；

7、熟悉Google API（任何產(chǎn)品均可），有實(shí)際的開發(fā)和使用經(jīng)驗(yàn)；

8、熟悉其他前端開發(fā)相關(guān)技術(shù)或工具，比如ActionScript、Photoshop等等；

9、熟悉Web常見產(chǎn)品，有個(gè)人博客、網(wǎng)站等；

10、主動(dòng)思考、主動(dòng)工作。

百度：

1、計(jì)算機(jī)及相關(guān)專業(yè)本科以上學(xué)歷；

2、精通JavaScript、Ajax等Web開發(fā)技術(shù)；

3、精通 HTML/XHTML、CSS等網(wǎng)頁(yè)制作技術(shù)，熟悉頁(yè)面架構(gòu)和布局；

4、熟練使用Linux系統(tǒng)，對(duì)算法、數(shù)據(jù)結(jié)構(gòu)以及后臺(tái)開發(fā)（C/C++/PHP/Java等）有一定了解；

5、熟悉W 3C標(biāo)準(zhǔn)，對(duì)表現(xiàn)與數(shù)據(jù)分離、Web語(yǔ)義化等有深刻理解；

6、對(duì)Web技術(shù)發(fā)展有強(qiáng)烈興趣，有良好的學(xué)習(xí)能力和強(qiáng)烈的進(jìn)取心；

7、良好的溝通與表達(dá)能力、思路清晰，較強(qiáng)的動(dòng)手能力與邏輯分析能力。

騰訊：

1、精通JavaScript或ActionScript，熟悉Web/RIA開發(fā)模式；

2、熟悉html/xhtml、css等網(wǎng)頁(yè)制作技術(shù)，熟悉頁(yè)面架構(gòu)和布局；

3、熟悉Web標(biāo)準(zhǔn)，對(duì)表現(xiàn)與數(shù)據(jù)分離、html語(yǔ)義化等有一定理解；

4、對(duì)JS的各種特性以及瀏覽器兼容性有豐富實(shí)戰(zhàn)經(jīng)驗(yàn)；

5、具有良好的團(tuán)隊(duì)和積極主動(dòng)的溝通意識(shí)；

6、具備強(qiáng)烈的進(jìn)取心和求知欲，勇于挑戰(zhàn)。

新浪：

1、三年以上工作經(jīng)驗(yàn)，有大型互聯(lián)網(wǎng)公司任職經(jīng)歷為最佳；

2、對(duì)javascript語(yǔ)言有十分深入的了解；

3、掌握至少一門服務(wù)器端編程語(yǔ)言，對(duì)OOP有一定的認(rèn)識(shí)，對(duì)前后端合作開發(fā)有一定的認(rèn)知；

4、具備優(yōu)秀的編程能力，對(duì)常見動(dòng)畫效果算法有一定地了解；

5、熟練掌握HTML/CSS/XML；

6、對(duì)互聯(lián)網(wǎng)產(chǎn)品有著良好的感覺，對(duì)交互體驗(yàn)有較為深入的了解；

7、思路清晰，具備良好的溝通能力和理解能力。

看完上述崗位要求，我想你應(yīng)該對(duì)前端開發(fā)工程師的概念有了一定的了解，嘗試著定義一下？

前端開發(fā)工程師 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX

高級(jí)前端開發(fā)工程師 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX+UED+JSP|ASP|.NET|PHP

當(dāng)然，上面的定義是針對(duì)大公司的，杯具的是中國(guó)互聯(lián)網(wǎng)行業(yè)的大公司太少了，為了生存與生活，我們還要了解中小公司的需求：

前端開發(fā)工程師 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX+JSP|ASP|.NET|PHP+UI

高級(jí)前端開發(fā)工程師 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX+UED+JSP|ASP|.NET|PHP+UI+SEO+PM

也許你不一定要學(xué)這么多，但是如果全學(xué)會(huì)了，那你將可能成為真正的T型人才。 關(guān)于大公司和小公司哪個(gè)更好更適合的問(wèn)題，這里就不討論了。

二：從何做起？

方向、勤奮、運(yùn)氣這三大成功要素中的“方向”已經(jīng)漸漸清晰了，那么接下來(lái)要付出的就是“勤奮”。

“前端開發(fā)工程師”也許不能令你大富，但至少算是一技傍身，可以保障你的生存和生活。 準(zhǔn)備好了？那么你接下來(lái)要做的是就是：

1、準(zhǔn)備好工具（Photoshop、Dreamweaver），推薦：Photoshop cs2、Dreamweaver cs4。

2、加入一個(gè)前端開發(fā)QQ群，推薦：1010811（不是廣告）

3、購(gòu)買一本入門書籍，推薦：《HTML+CSS網(wǎng)頁(yè)設(shè)計(jì)與布局從入門到精通》、《精通CSS+DIV網(wǎng)頁(yè)樣式布局》。

4、下載一個(gè)CSS2.0手冊(cè)。

5、努力練習(xí)吧，你可能需要1-3個(gè)月的學(xué)習(xí)才能了解XHTML+CSS（有關(guān)HTML和XHTML的區(qū)別請(qǐng)百度查詢）

====================================================== Web前端開發(fā)工程師養(yǎng)成計(jì)劃（成長(zhǎng)篇）

也許沒有終點(diǎn)，但路仍然要靠自己走。

我希望你在看到這篇博文的時(shí)候，已經(jīng)學(xué)會(huì)并掌握了XHTML+CSS。技術(shù)是一個(gè)硬指標(biāo)，不存在灰色地帶，yes OR no都是一目了然。

一：寫在前面的廢話

大多數(shù)人在成長(zhǎng)的最初階段都是很辛苦的，這種辛苦程度也只有你自己最清楚。辛苦不是目的，也不是成就，目的是學(xué)會(huì)些什么。如果你已經(jīng)掌握了XHTML+CSS，那么恭喜你，你成功的入門了。

我不是一個(gè)很笨的人，不過(guò)我當(dāng)初入門也花了2個(gè)多月，如果你花的時(shí)間比我少，至少證明你比我聰明，貌似也會(huì)比我有前途；如果你花的時(shí)間比我長(zhǎng)，那我只能很負(fù)責(zé)任的告訴你：你的基礎(chǔ)打的太牢固了！

有沒有感覺到當(dāng)你掌握XHTML+CSS的時(shí)候，單純的切頁(yè)面工作已經(jīng)滿足不了你的胃口。接下來(lái)你需要學(xué)習(xí)的這一項(xiàng)技能，是直接決定你能否改變“前端開發(fā)初級(jí)階段”現(xiàn)狀的鑰匙：JavaScript。

JavaScript是一種邏輯型語(yǔ)言，想要學(xué)會(huì)JavaScript必須有較強(qiáng)的邏輯思維能力。當(dāng)然邏輯思維也是可以鍛煉出來(lái)的，譬如多看看交互設(shè)計(jì)方面的書籍，不過(guò)最好的方法莫過(guò)于找個(gè)導(dǎo)師，這個(gè)導(dǎo)師可以是你的上司，同事，甚至于QQ群里的某個(gè)人。

09年以前學(xué)習(xí)JavaScript是一件比較痛苦的事情，因?yàn)槟菚r(shí)候jQuery還沒有大行其道。在jQuery遍地開花的今天，學(xué)習(xí) JavaScript已經(jīng)變得相對(duì)簡(jiǎn)單了。只要你掌握了CSS且有一定的邏輯思維能力，知道什么叫對(duì)象，明白什么叫面向?qū)ο螅阋欢軌驅(qū)W會(huì) JavaScript。

中國(guó)大多數(shù)互聯(lián)網(wǎng)公司對(duì)JavaScript的技能要求停留在應(yīng)用層面。所謂應(yīng)用層面，是指利用這項(xiàng)技能完成公司所要求任務(wù)，所以刻意的去鉆研JavaScript的全部特性變得不是那么合算。

我是jQuery的支持者，同樣也倡導(dǎo)大家去鉆研JavaScript，雖然鉆研不是現(xiàn)在的課題，但我還是要說(shuō)一句：JavaScript的強(qiáng)大，遠(yuǎn)超jQuery，甚至遠(yuǎn)超你的想象。

學(xué)習(xí)JavaScript和學(xué)習(xí)其他編程語(yǔ)言一樣，沒有任何捷徑可走，唯一能快速達(dá)成目標(biāo)的方法就是：勤學(xué)苦練。

最后一句廢話：希望你在學(xué)習(xí)JavaScript之前已經(jīng)掌握了XHTML+CSS，已經(jīng)明白了什么叫對(duì)象及面向?qū)ο螅呀?jīng)鍛煉出一定的邏輯思維能力。

二：如何成長(zhǎng)？

1、購(gòu)買成長(zhǎng)書籍，推薦：《JavaScript入門經(jīng)典》、《JavaScript高級(jí)程序設(shè)計(jì)》、《鋒利的jQuery》、《jQuery實(shí)戰(zhàn)》、《JavaScript權(quán)威指南》。

2、下載一個(gè)jQuery手冊(cè)。

3、尋找一名導(dǎo)師，推薦：上司、同事、QQ群中某人。

4、創(chuàng)造一個(gè)可以支持你頻繁使用JavaScript的環(huán)境，推薦：盡量嘗試承擔(dān)更繁重的工作。

5、開始勤學(xué)苦練，你需要3-12個(gè)月才能了解JavaScript。

====================================================== Web前端開發(fā)工程師養(yǎng)成計(jì)劃（高手篇）

《Date： 2010-05-21》 《Author： 幕》 《Category： 前端開發(fā)》 查看評(píng)論

“執(zhí)著”是成功的要素之一。

首先要對(duì)那些能夠堅(jiān)持學(xué)完XHTML+CSS+JavaScript的人表示敬佩，看似簡(jiǎn)單的三門語(yǔ)言，其實(shí)都含有強(qiáng)大的智慧和力量。

一：還想繼續(xù)走下去嗎？

XHTML+CSS+JavaScript是前端開發(fā)工程師最核心的技能，所以不僅僅是了解、熟悉這些就可以宣稱自己是一名合格的前端開發(fā)工程師，想要合格，必須精通它們。

事實(shí)上“精通”這兩個(gè)字在如今已經(jīng)被濫用了，翻開10份簡(jiǎn)歷你就能找到6個(gè)“精通”XX的，以致于這世界上的“天才”遍地都是。

簡(jiǎn)單來(lái)說(shuō)明一下“精通”的幾個(gè)標(biāo)識(shí)。

XHTML：深刻理解“語(yǔ)義化”。

CSS：凌駕于頁(yè)面之上，具備架構(gòu)思想，可以把控整站（100頁(yè)面以上級(jí)別）結(jié)構(gòu)。 JavaScript：深刻理解“對(duì)象”、“面向?qū)ο蟆薄ⅰ叭f(wàn)物皆對(duì)象”。

由了解到熟悉再到精通的這個(gè)過(guò)程是艱難的，自我衡量是否達(dá)到精通的方法是檢查自己在學(xué)習(xí)的過(guò)程中有沒有“頓悟”過(guò)。其實(shí)很少有人能自我“頓悟”，因?yàn)樽詫W(xué)很容易陷進(jìn)一個(gè)圈子而無(wú)力自拔。

最有效的“頓悟”方法莫過(guò)于擁有一個(gè)好的導(dǎo)師，但不是每個(gè)人都有好的運(yùn)氣可以碰到悉心教導(dǎo)你的人。如果你沒有一個(gè)好的導(dǎo)師，那么我的建議是：勤學(xué)苦練一段時(shí)間后，要找個(gè)空閑放松一下，接觸一些與前端無(wú)關(guān)的知識(shí)，譬如：戰(zhàn)略、市場(chǎng)、銷售等等。

精通XHTML+CSS+JavaScript僅僅可以讓你成為一個(gè)合格的前端開發(fā)工程師，但并不足以造就一個(gè)“高手”。

首先要說(shuō)明的一點(diǎn)：“高手”是通才，不是專才；一技之長(zhǎng)只能保障生存，無(wú)法改變生活。 前端開發(fā)工程師是一個(gè)承前啟后的職位，前面是視覺設(shè)計(jì)師，后面是服務(wù)器端工程師，所以高手的“通”首先是針對(duì)UI設(shè)計(jì)和服務(wù)器端語(yǔ)言 （ASP/.NET/JSP/PHP），另外還需要強(qiáng)化自身技能的一些擴(kuò)展，譬如AJAX、XML、ActionScript等等，這些東西也許你很少會(huì) 用到，但對(duì)于個(gè)人價(jià)值提升是很有用的。

讓我們來(lái)嘗試著定義一下“高手”吧：精通XHTML+CSS+JavaScript、熟悉AJAX、XML、ActionScript、UI設(shè)計(jì)、服務(wù)器端語(yǔ)言。

當(dāng)你滿足上述條件時(shí)，你會(huì)發(fā)現(xiàn)自己得到了比字面上的這些更多更深刻的東西。

二：高手何在？

1、準(zhǔn)備好工具，推薦：Flash CS4、Visual Studio 2005/Visual Studio 2008、SQL Server 2005/SQL Server 2008。（由于作者沒有JSP和PHP的開發(fā)經(jīng)驗(yàn)，JSP和PHP開發(fā)工具請(qǐng)自行選參）

2、高手參考書籍，推薦：《XML基礎(chǔ)教程》、《ASP.NET2.0 XML高級(jí)編程》、《ASP.NET AJAX實(shí)戰(zhàn)》、《Flash ActionScript3.0從入門到精通》、《網(wǎng)頁(yè)設(shè)計(jì)與配色經(jīng)典案解析》、《Web Designer Idea—設(shè)計(jì)師談網(wǎng)頁(yè)設(shè)計(jì)思維》、《Beginning C# Objects—概念到代碼》、《ASP.NET2.0網(wǎng)站開發(fā)全程解析》、《Programming ASP.NET》、《C#2005數(shù)據(jù)庫(kù)編程經(jīng)典教程》。（由于作者沒有JSP和PHP的開發(fā)經(jīng)驗(yàn)，所以有關(guān)JSP和PHP方面的書籍還請(qǐng)自行選參）

3、尋找一名好的導(dǎo)師，推薦：上司、同事、QQ群中某人。

4、在學(xué)習(xí)中強(qiáng)化技能，在強(qiáng)化技能中拓展視野，在拓展視野后尋找下一個(gè)出發(fā)點(diǎn)。

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