Web前端開發工程師養成計劃【轉載】

Web前端開發工程師養成計劃（入門篇）

最原始的忠告：這個世界上有想法的人不少，可是有想法又能實現它的人太少！

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

有沒有發現從09年下半年到如今全中國的互聯網公司都在招聘前端開發工程師？若是你注意到了，那麼恭喜你，你已經擁有那麼一點點預測互聯網職場動向的能力。

可能令你感到遺憾的是你從沒從事過前端開發工做，不過不要緊，只要你肯努力，一切都是能夠學會的。

學生？設計師？程序員？SEOer？產品經理？項目經理？你是誰不重要，重要的是你想不想認識、瞭解、學習、精通前端技術。

一：想入門？

在入門以前你必須瞭解一個概念：什麼是前端開發工程師？

在瞭解這個概念以前，先來看一下咱們所熟悉的互聯網大佬們在最近的招聘中對前端開發工程師崗位的要求。

阿里巴巴:
一、豐富的前端開發經驗，能解決Web項目中各類疑難問題；
二、精通各類Web前端技術，瞭解其適用範圍及優劣性；
三、深入理解Web標準，對標籤語義、頁面結構有深入的認識，手寫XHTML/CSS/JavaScript代碼；
四、研究過JS框架，喜歡鑽研新技術、可以解決各類瀏覽器兼容性問題。

Google:
一、1年以上的前端開發經驗；
二、瞭解Web標準，熟練掌握HTML/XHTML、CSS，具有規範的HTML和CSS代碼的實現能力；
三、熟練掌握JavaScript，對JavaScript的高級特性有深刻理解，具有OO方式的JavaScript程序設計和實現能力；
四、對頁面設計和用戶體驗有必定了解，具有較好的產品設計能力；
五、瞭解瀏覽器兼容性問題，熟悉前端開發和調試工具，具備解決實際問題的能力和經驗；
六、熟悉一種Server端語言並有實際工做經驗，好比Python、 PHP、Perl、Java、C等等；
七、熟悉Google API（任何產品都可），有實際的開發和使用經驗；
八、熟悉其餘前端開發相關技術或工具，好比ActionScript、Photoshop等等；
九、熟悉Web常見產品，有我的博客、網站等；
十、主動思考、主動工做。

百度：
一、計算機及相關專業本科以上學歷；
二、精通JavaScript、Ajax等Web開發技術；
三、精通 HTML/XHTML、CSS等網頁製做技術，熟悉頁面架構和佈局；
四、熟練使用Linux系統，對算法、數據結構以及後臺開發(C/C++/PHP/Java等)有必定了解；
五、熟悉W 3C標準，對錶現與數據分離、Web語義化等有深入理解；
六、對Web技術發展有強烈興趣，有良好的學習能力和強烈的進取心；
七、良好的溝通與表達能力、思路清晰，較強的動手能力與邏輯分析能力。

騰訊：
一、精通JavaScript或ActionScript，熟悉Web/RIA開發模式；
二、熟悉html/xhtml、css等網頁製做技術，熟悉頁面架構和佈局；
三、熟悉Web標準，對錶現與數據分離、html語義化等有必定理解；
四、對JS的各類特性以及瀏覽器兼容性有豐富實戰經驗；
五、具備良好的團隊和積極主動的溝通意識；
六、具有強烈的進取心和求知慾，敢於挑戰。

新浪：
一、三年以上工做經驗，有大型互聯網公司任職經歷爲最佳；
二、對javascript語言有十分深刻的瞭解；
三、掌握至少一門服務器端編程語言，對OOP有必定的認識，對先後端合做開發有必定的認知；
四、具有優秀的編程能力，對常見動畫效果算法有必定地瞭解；
五、熟練掌握HTML/CSS/XML；
六、對互聯網產品有着良好的感受，對交互體驗有較爲深刻的瞭解；
七、思路清晰，具有良好的溝通能力和理解能力。

看完上述崗位要求，我想你應該對前端開發工程師的概念有了必定的瞭解，嘗試着定義一下？

前端開發工程師 = 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型人才。

關於大公司和小公司哪一個更好更適合的問題，這裏就不討論了。

二：從何作起？

方向、勤奮、運氣這三大成功要素中的「方向」已經漸漸清晰了，那麼接下來要付出的就是「勤奮」。

「前端開發工程師」也許不能令你大富，但至少算是一技傍身，能夠保障你的生存和生活。

準備好了？那麼你接下來要作的是就是：

一、準備好工具（Photoshop、Dreamweaver），推薦：Photoshop cs二、Dreamweaver cs4。

二、加入一個前端開發QQ羣，推薦：1010811（不是廣告）

三、購買一本入門書籍，推薦：《HTML+CSS網頁設計與佈局從入門到精通》、《精通CSS+DIV網頁樣式佈局》。

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

五、努力練習吧，你可能須要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，已經明白了什麼叫對象及面向對象，已經鍛煉出必定的邏輯思惟能力。

 

二：如何成長？

 

一、購買成長書籍，推薦：《JavaScript入門經典》、《JavaScript高級程序設計》、《鋒利的jQuery》、《jQuery實戰》、《JavaScript權威指南》。

 

二、下載一個jQuery手冊。

 

三、尋找一名導師，推薦：上司、同事、QQ羣中某人。

 

四、創造一個能夠支持你頻繁使用JavaScript的環境，推薦：儘可能嘗試承擔更繁重的工做。

 

五、開始勤學苦練，你須要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設計、服務器端語言。

 

當你知足上述條件時，你會發現本身獲得了比字面上的這些更多更深入的東西。

 

二：高手何在？

 

一、準備好工具，推薦：Flash CS四、Visual Studio 2005/Visual Studio 200八、SQL Server 2005/SQL Server 2008。（因爲做者沒有JSP和PHP的開發經驗，JSP和PHP開發工具請自行選參）

 

二、 高手參考書籍，推薦：《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方面的書籍還請自行選參）

 

三、尋找一名好的導師，推薦：上司、同事、QQ羣中某人。

 

四、在學習中強化技能，在強化技能中拓展視野，在拓展視野後尋找下一個出發點。

 

五、你須要1-3年才能修煉成高手。