感謝偉大的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前端開發工程師養成計劃（高手篇）

《Date： 2010-05-21》 《Author： 幕》 《Category： 前端開發》 查看評論

“執著”是成功的要素之一。

首先要對那些能夠堅持學完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年才能修煉成高手。