前端工程師學(xué)習(xí)計(jì)劃
導(dǎo)語：萬物生靈、陽光雨露蓋源于造物之初的天工開物，我們無法想象上帝創(chuàng)造光明之前的世界模樣。以下小編為大家介紹前端工程師學(xué)習(xí)計(jì)劃文章，歡迎大家閱讀參考！
前端工程師學(xué)習(xí)計(jì)劃
在互聯(lián)網(wǎng)早期的時(shí)候，小車還是比房子貴的，燒餅和粉絲還只是用來吃的。那時(shí)的頁面設(shè)計(jì)風(fēng)格相對單一，對應(yīng)的頁面需求比較簡單，并且當(dāng)時(shí)的瀏覽器也基本是 IE6 的天下，javascript 也只是網(wǎng)頁特效的代名詞，HTML 頁面本身沒有引起太多人的關(guān)注，似乎只要能用 div 甚至 table 加 css 輔助把圖片定好位，把頁面內(nèi)容預(yù)留好就 OK 了，并且這種觀念存在了很長一段時(shí)間。隨著頁面內(nèi)容的豐富，設(shè)計(jì)風(fēng)格的發(fā)展，交互復(fù)雜性的增加，AJAX 的應(yīng)用，瀏覽器的更新?lián)Q代，又讓大家重新對最基本的頁面本身重視起來。從這個(gè)階段開始，從09年下半年至今，全中國的互聯(lián)網(wǎng)公司都在招聘前端開發(fā)工程師，一直以來姥姥不疼舅舅不愛的前端開發(fā)工程師們終于迎來了“春天”。說到前端開發(fā)，小編恰好看到一篇介紹“前端開發(fā)工程師”的文章，從菜鳥迷茫的入門到熟稔操作的高手，一步步地提供培養(yǎng)計(jì)劃與建議。因此，小編將其整理編輯了一下，希望對想成為前端開發(fā)師的大家有所幫助。
一、菜鳥入門
最原始的忠告：這個(gè)世界上有想法的人很多，但是有想法又能實(shí)現(xiàn)它的人太少！
首先要感謝偉大的Web2、0概念、產(chǎn)品概念、用戶體驗(yàn)概念、jQuery插件，是它們在中國日漸成熟才解放了前端開發(fā)工程師們。
可能令你感到遺憾的是你從沒從事過前端開發(fā)工作，不過沒關(guān)系，只要你肯努力，一切都是可以學(xué)會(huì)的。
學(xué)生？設(shè)計(jì)師？程序員？SEOer？產(chǎn)品經(jīng)理？項(xiàng)目經(jīng)理？你是誰不重要，重要的是你想不想認(rèn)識、了解、學(xué)習(xí)、精通前端技術(shù)。
1、想入門？
在入門之前你必須了解一個(gè)概念：什么是前端開發(fā)工程師？
在了解這個(gè)概念之前，先來看一下我們所熟悉的互聯(lián)網(wǎng)大佬們在最近的招聘中對前端開發(fā)工程師崗位的要求。
阿里巴巴
1、豐富的前端開發(fā)經(jīng)驗(yàn)，能解決Web項(xiàng)目中各種疑難問題；
2、精通各種Web前端技術(shù)，了解其適用范圍及優(yōu)劣性；
3、深刻理解Web標(biāo)準(zhǔn)，對標(biāo)簽語義、頁面結(jié)構(gòu)有深刻的認(rèn)識，手寫XHTML/CSS/JavaScript代碼；
4、研究過JS框架，喜歡鉆研新技術(shù)、能夠解決各種瀏覽器兼容性問題。
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，對JavaScript的高級特性有深入理解，具備OO方式的JavaScript程序設(shè)計(jì)和實(shí)現(xiàn)能力；
4、對頁面設(shè)計(jì)和用戶體驗(yàn)有一定了解，具備較好的產(chǎn)品設(shè)計(jì)能力；
5、了解瀏覽器兼容性問題，熟悉前端開發(fā)和調(diào)試工具，具有解決實(shí)際問題的能力和經(jīng)驗(yàn)；
6、熟悉一種Server端語言并有實(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)頁制作技術(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ā)展有強(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)頁制作技術(shù)，熟悉頁面架構(gòu)和布局；
3、熟悉Web標(biāo)準(zhǔn)，對表現(xiàn)與數(shù)據(jù)分離、html語義化等有一定理解；
4、對JS的各種特性以及瀏覽器兼容性有豐富實(shí)戰(zhàn)經(jīng)驗(yàn)；
5、具有良好的團(tuán)隊(duì)和積極主動(dòng)的溝通意識；
6、具備強(qiáng)烈的進(jìn)取心和求知欲，勇于挑戰(zhàn)。
新浪
1、三年以上工作經(jīng)驗(yàn)，有大型互聯(lián)網(wǎng)公司任職經(jīng)歷為最佳；
2、對javascript語言有十分深入的了解；
3、掌握至少一門服務(wù)器端編程語言，對OOP有一定的認(rèn)識，對前后端合作開發(fā)有一定的認(rèn)知；
4、具備優(yōu)秀的編程能力，對常見動(dòng)畫效果算法有一定地了解；
5、熟練掌握HTML/CSS/XML；
6、對互聯(lián)網(wǎng)產(chǎn)品有著良好的感覺，對交互體驗(yà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é)會(huì)了，那你將可能成為真正的T型人才。
2、從何做起？
方向、勤奮、運(yùn)氣這三大成功要素中的“方向”已經(jīng)漸漸清晰了，那么接下來要付出的就是“勤奮”。
“前端開發(fā)工程師”也許不能令你大富，但至少算是一技傍身，可以保障你的生存和生活。
準(zhǔn)備好了？那么你接下來要做的是就是：
1、準(zhǔn)備好工具（Photoshop、Dreamweaver），推薦：Photoshop cs2、Dreamweaver cs4。
2、購買一本入門書籍，推薦：《HTML+CSS網(wǎng)頁設(shè)計(jì)與布局從入門到精通》、《精通CSS+DIV網(wǎng)頁樣式布局》。
3、下載一個(gè)CSS2、0手冊。
4、努力練習(xí)吧，你可能需要1—3個(gè)月的學(xué)習(xí)才能了解XHTML+CSS。
二、初級成長
入門前端開發(fā)工程師后，前方也許沒有終點(diǎn)，但路仍然要靠自己走。
在這部分，你必須已經(jīng)學(xué)會(huì)并掌握了XHTML+CSS。技術(shù)是一個(gè)硬指標(biāo)，不存在灰色地帶，yes OR no都是一目了然。
1、邏輯思維能力的鍛煉
大多數(shù)人在成長的最初階段都是很辛苦的，這種辛苦程度也只有你自己最清楚。辛苦不是目的，也不是成就，目的是學(xué)會(huì)些什么。如果你已經(jīng)掌握了XHTML+CSS，那么恭喜你，你成功的入門了。
當(dāng)你掌握XHTML+CSS的時(shí)候，單純的切頁面工作已經(jīng)滿足不了你的胃口。接下來你需要學(xué)習(xí)的這一項(xiàng)技能，是直接決定你能否改變“前端開發(fā)初級階段”現(xiàn)狀的鑰匙：JavaScript。
JavaScript是一種邏輯型語言，想要學(xué)會(huì)JavaScript必須有較強(qiáng)的邏輯思維能力。當(dāng)然邏輯思維也是可以鍛煉出來的，譬如多看看交互設(shè)計(jì)方面的書籍，不過最好的方法莫過于找個(gè)導(dǎo)師，這個(gè)導(dǎo)師可以是你的上司，同事，甚至于QQ群里的某個(gè)人。
中國大多數(shù)互聯(lián)網(wǎng)公司對JavaScript的技能要求停留在應(yīng)用層面。所謂應(yīng)用層面，是指利用這項(xiàng)技能完成公司所要求任務(wù)，所以刻意的去鉆研JavaScript的全部特性變得不是那么合算。
學(xué)習(xí)JavaScript和學(xué)習(xí)其他編程語言一樣，沒有任何捷徑可走，唯一能快速達(dá)成目標(biāo)的方法就是：勤學(xué)苦練。
總結(jié)一句：希望你在學(xué)習(xí)JavaScript之前已經(jīng)掌握了XHTML+CSS，已經(jīng)明白了什么叫對象及面向?qū)ο螅呀?jīng)鍛煉出一定的邏輯思維能力。
2、如何成長？
1、購買成長書籍，推薦：《JavaScript入門經(jīng)典》、《JavaScript高級程序設(shè)計(jì)》、《鋒利的jQuery》、《jQuery實(shí)戰(zhàn)》、《JavaScript權(quán)威指南》。
2、下載一個(gè)jQuery手冊。
3、尋找一名導(dǎo)師。
4、創(chuàng)造一個(gè)可以支持你頻繁使用JavaScript的環(huán)境，推薦：盡量嘗試承擔(dān)更繁重的工作。
5、開始勤學(xué)苦練，你需要3—12個(gè)月才能了解JavaScript。
三、熟練高手
成為高手，“執(zhí)著”是成功的要素之一。
首先要對那些能夠堅(jiān)持學(xué)完XHTML+CSS+JavaScript的人表示敬佩，看似簡單的三門語言，其實(shí)都含有強(qiáng)大的智慧和力量。
1、還想繼續(xù)走下去嗎？
XHTML+CSS+JavaScript是前端開發(fā)工程師最核心的技能，所以不僅僅是了解、熟悉這些就可以宣稱自己是一名合格的前端開發(fā)工程師，想要合格，必須精通它們。
簡單來說明一下“精通”的幾個(gè)標(biāo)識。
XHTML：深刻理解“語義化”。
CSS：凌駕于頁面之上，具備架構(gòu)思想，可以把控整站（100頁面以上級別）結(jié)構(gòu)。
JavaScript：深刻理解“對象”、“面向?qū)ο蟆薄ⅰ叭f物皆對象”。
由了解到熟悉再到精通的這個(gè)過程是艱難的，自我衡量是否達(dá)到精通的方法是檢查自己在學(xué)習(xí)的過程中有沒有“頓悟”過。其實(shí)很少有人能自我“頓悟”，因?yàn)樽詫W(xué)很容易陷進(jìn)一個(gè)圈子而無力自拔。
最有效的“頓悟”方法莫過于擁有一個(gè)好的導(dǎo)師，但不是每個(gè)人都有好的運(yùn)氣可以碰到悉心教導(dǎo)你的人。如果你沒有一個(gè)好的導(dǎo)師，那么我的建議是：勤學(xué)苦練一段時(shí)間后，要找個(gè)空閑放松一下，接觸一些與前端無關(guān)的知識，譬如：戰(zhàn)略、市場、銷售等等。
精通XHTML+CSS+JavaScript僅僅可以讓你成為一個(gè)合格的前端開發(fā)工程師，但并不足以造就一個(gè)“高手”。
首先要說明的一點(diǎn)：“高手”是通才，不是專才；一技之長只能保障生存，無法改變生活。
前端開發(fā)工程師是一個(gè)承前啟后的職位，前面是視覺設(shè)計(jì)師，后面是服務(wù)器端工程師，所以高手的“通”首先是針對UI設(shè)計(jì)和服務(wù)器端語言 （ASP/、NET/JSP/PHP），另外還需要強(qiáng)化自身技能的一些擴(kuò)展，譬如AJAX、XML、ActionScript等等，這些東西也許你很少會(huì) 用到，但對于個(gè)人價(jià)值提升是很有用的。
讓我們來嘗試著定義一下“高手”吧：精通XHTML+CSS+JavaScript、熟悉AJAX、XML、ActionScript、UI設(shè)計(jì)、服務(wù)器端語言。
當(dāng)你滿足上述條件時(shí)，你會(huì)發(fā)現(xiàn)自己得到了比字面上的這些更多更深刻的東西。
2、高手何在？
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ā)工具請自行選參）
2、高手參考書籍，推薦：《XML基礎(chǔ)教程》、《ASP、NET2、0 XML高級編程》、《ASP、NET AJAX實(shí)戰(zhàn)》、《Flash ActionScript3、0從入門到精通》、《網(wǎng)頁設(shè)計(jì)與配色經(jīng)典案解析》、《Web Designer Idea—設(shè)計(jì)師談網(wǎng)頁設(shè)計(jì)思維》、《Beginning C# Objects—概念到代碼》、《ASP、NET2、0網(wǎng)站開發(fā)全程解析》、《Programming ASP、NET》、《C#2005數(shù)據(jù)庫編程經(jīng)典教程》。
3、尋找一名好的導(dǎo)師。
4、在學(xué)習(xí)中強(qiáng)化技能，在強(qiáng)化技能中拓展視野，在拓展視野后尋找下一個(gè)出發(fā)點(diǎn)。
5、你需要1—3年才能修煉成高手。
水是越舀越多了，卻發(fā)現(xiàn)原來下面還深不見底，越是深入研究就越會(huì)發(fā)現(xiàn)更多山川需要翻越。在前端開發(fā)工程師日漸熱門的今天，無論你是菜鳥級的入門選手，還是初級的成長者，還是熟練的高手，都應(yīng)當(dāng)不斷地加強(qiáng)自己的專業(yè)能力。借用喬布斯的一句名言：“Stay Hungry， Stay Foolish”與大家共勉。
【前端工程師學(xué)習(xí)計(jì)劃】相關(guān)文章：
前端開發(fā)工程師待遇11-08
前端工程師求職簡歷模板09-01
web前端開發(fā)工程師簡介11-08
web前端學(xué)習(xí)心得范文07-16
前端工程師的電子簡歷模板11-04
前端工程師的求職簡歷模板08-03