淺談如何做一名優(yōu)秀的WEB前端工程師

淺談如何做一名優(yōu)秀的WEB前端工程師

隨著近兩三年來RIA（Rich Internet Applications的縮寫，中文含義為：豐富的因特網(wǎng)應用程序）的流行和普及，前端開發(fā)這個行業(yè)也開始備受關注。

前端開發(fā)的入門門檻其實很低，與服務器端語言先慢后快的學習曲線相比，前端開發(fā)的學習曲線是先快后慢。Web前端開發(fā)核心技術(shù)主要包括HTML、CSS、JavaScript等。HTML僅僅是簡單的標記語言！CSS 只是無類型的樣式修飾語言。當然可以勉強算作弱類型語言。Javascript 的基礎部分相對來說不難，入手還算快。也正因為如此，很多人認為前端很簡單。其實不然，雖然前端開發(fā)領域有很多自學成“才”的同行，但大多數(shù)人都停留在會用的階段，因為后面的學習曲線越來越陡峭，每前進一步都很難。

那么，一名優(yōu)秀的、甚至卓越的前端開發(fā)工程師應該具備什么條件？

1、明確前端的工作內(nèi)容

Web前端開發(fā)是一項很特殊的工作，涵蓋的知識面非常廣，既有具體的技術(shù)，又有抽象的理念。簡單地說，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。前端作為一個工作，其主要工作領域是瀏覽器端，核心技術(shù)包括 JavaScript，css，html 等。還要處理服務器通信，以及部分服務器腳本開發(fā)的工作，比如發(fā)布、測試腳本，jsp、php頁面腳本。有時，還需要與產(chǎn)品經(jīng)理、交互設計，共同完成一些交互設計?？梢钥闯?，前端處于設計與后臺的中間領域，起到承上啟下的作用。這也就要求前端工程師的知識面在橫向上必須要廣。服務器技術(shù)要懂，產(chǎn)品與交互也要懂。所以經(jīng)常有前端工程師稱自己游走在設計與編碼的邊緣。

2、明確前端在項目開發(fā)中的必備技能

A. 全瀏覽器兼容。后臺工程師、客戶端工程師，無論你們用什么語言開發(fā)，都會有一套可以信賴的統(tǒng)一的接口（框架，或sdk）。前端？沒有！我們需要同時懂得至少三種瀏覽器內(nèi)核的接口，還有面對各種莫名其妙的bug。

B. 優(yōu)秀的Web前端開發(fā)工程師要在知識體系上既要有廣度和深度！做到這兩點，其實很難。

橫向技能面要廣。懂交互設計；懂視覺設計；略懂后臺技術(shù)；精通http協(xié)議；linux操作；shell；vim；git；svn；至少熟練使用一門后端語言（java，c#，php，python）；至少使用過一個MVC開發(fā)框架，還有前端的各種開源項目（jquery，requirejs，seajs，bootstrap，yui，……）；還要能夠靈活運用“面向?qū)ο蟆保懊嫦蜻^程”，“函數(shù)式”的編程方法，否則很容易在JS這門靈活的語言中迷失自己；還要懂設計模式，和客戶端應用的常用架構(gòu)模式。

縱向技能要深。Js、css、html5、css3、……

C. 優(yōu)秀的Web前端開發(fā)工程師應該具備快速學習能力。Web發(fā)展的很快，甚至可以說這些技術(shù)幾乎每天都在變化！如果沒有快速學習能力，就跟不上Web發(fā)展的步伐。前端工程師必須不斷提升自己，不斷學習新技術(shù)、新模式；僅僅依靠今天的知識無法適應未來。Web的明天與今天必將有天壤之別，而前端工程師的工作就是要搞清楚如何通過自己的Web應用程序來體現(xiàn)這種翻天覆地的變化。說到這里，我想起了一個大師說過的一句話：對于新手來說，新技術(shù)就是新技術(shù)。對于一個高手來說，新技術(shù)不過是舊技術(shù)的延伸。 

D. 關注用戶體驗，懂得交互設計。幫助產(chǎn)品經(jīng)理和交互設計師校驗錯誤是前端工程師的義務和責任。很多問題只有在實現(xiàn)時才會發(fā)現(xiàn)，如果作為實現(xiàn)者的你，沒有及時發(fā)現(xiàn)前置環(huán)節(jié)中出現(xiàn)的錯誤。那這些錯誤很可能最后直接交給用戶“欣賞”。有時，人手緊張，一個懂交互，懂產(chǎn)品的前端工程師可以一個人當三個人用。

3、明確前端需要儲備的知識結(jié)構(gòu)

Web前端開發(fā)是一項很特殊的工作，涵蓋的知識面非常廣，既有具體的技術(shù)，又有抽象的理念。

總之，在這樣一個技術(shù)發(fā)展迅猛的時代，數(shù)聚傳媒秉承CARE²企業(yè)文化，力求緊緊跟隨時代的步伐，做出讓客戶滿意的頁面體驗效果，也要求數(shù)聚傳媒研發(fā)團隊的前端小伙伴們，為成為更優(yōu)秀的高級前端開發(fā)工程師而努力著?！　?/span>