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