前端開發(fā)工程師怎樣入門及進(jìn)階

感謝偉大的Web2.0概念、產(chǎn)品概念、用戶體驗概念、jQuery插件，是它們在中國日漸成熟才解放了一直以來姥姥不疼舅舅不愛的前端開發(fā)工程師們。

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

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

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

一：想入門？

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

在了解這個概念之前，先來看一下我們所熟悉的互聯(lián)網(wǎng)大佬們在最近的招聘中對前端開發(fā)工程師崗位的要求。

阿里巴巴：

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

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

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

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

Google：

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

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

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

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

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

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

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

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

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

10、主動思考、主動工作。

百度：

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

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

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

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

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

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

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

騰訊：

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

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

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

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

5、具有良好的團隊和積極主動的溝通意識；

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

新浪：

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

2、對javascript語言有十分深入的了解；

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

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

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

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

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

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

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

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

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

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

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

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

二：從何做起？

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

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

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

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

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

4、下載一個CSS2.0手冊。

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

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

也許沒有終點，但路仍然要靠自己走。

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

一：寫在前面的廢話

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

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

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

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

09年以前學(xué)習(xí)JavaScript是一件比較痛苦的事情，因為那時候jQuery還沒有大行其道。在jQuery遍地開花的今天，學(xué)習(xí) JavaScript已經(jīng)變得相對簡單了。只要你掌握了CSS且有一定的邏輯思維能力，知道什么叫對象，明白什么叫面向?qū)ο?，你一定能夠?qū)W會 JavaScript。

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

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

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

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

二：如何成長？

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

2、下載一個jQuery手冊。

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

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

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

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

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

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

首先要對那些能夠堅持學(xué)完XHTML+CSS+JavaScript的人表示敬佩，看似簡單的三門語言，其實都含有強大的智慧和力量。

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

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

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

簡單來說明一下“精通”的幾個標(biāo)識。

XHTML：深刻理解“語義化”。

CSS：凌駕于頁面之上，具備架構(gòu)思想，可以把控整站（100頁面以上級別）結(jié)構(gòu)。 JavaScript：深刻理解“對象”、“面向?qū)ο蟆?、“萬物皆對象”。

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

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

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

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

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

當(dāng)你滿足上述條件時，你會發(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)驗，JSP和PHP開發(fā)工具請自行選參）

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

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

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

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