前端開發(fā)工程師是一個(gè)很新的職業(yè),在國(guó)內(nèi)乃至國(guó)際上真正開始受到重視的時(shí)間不超過5年,是指Web前端開發(fā)工程師的簡(jiǎn)稱。 Web前端開發(fā)是從美工演變而來的,名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中,Web 1.0時(shí)代,網(wǎng)站的主要內(nèi)容都是靜態(tài)的,用戶使用網(wǎng)站的行為也以瀏覽為主。2005年以后,互聯(lián)網(wǎng)進(jìn)入Web 2.0時(shí)代,各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn),網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再只是承載單一的文字和圖片,各種富媒體讓網(wǎng)頁的內(nèi)容更加生動(dòng),網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗(yàn),這些都是基于前端技術(shù)實(shí)現(xiàn)的。
隨著Web 2.0概念的普及和W3C組織的推廣,網(wǎng)站重構(gòu)的影響力正以驚人的速度增長(zhǎng)。XHTML+CSS布局、DHTML和Ajax像一陣旋風(fēng),鋪天蓋地席卷而來,包括新浪、搜狐、網(wǎng)易、騰訊、淘寶等在內(nèi)的各種規(guī)模的IT企業(yè)都對(duì)自己的網(wǎng)站進(jìn)行了重構(gòu)。
網(wǎng)站重構(gòu)折疊編輯本段
優(yōu)化 折疊
根據(jù)W3C標(biāo)準(zhǔn)進(jìn)行重構(gòu)后,可以讓前端的代碼組織更有序,顯著改善網(wǎng)站的性能,提高網(wǎng)站訪問速度,還能提高可維護(hù)性,對(duì)搜索引擎也更友好;
加速 折疊
重構(gòu)后的網(wǎng)站能帶來更好的用戶體驗(yàn),用XHTML+CSS重新布局后的頁面,文件更小,下載速度更快。
目的 折疊
網(wǎng)站重構(gòu)的目的僅僅是為了讓網(wǎng)頁更符合Web標(biāo)準(zhǔn)嗎?不是!重構(gòu)的本質(zhì)是構(gòu)建一個(gè)前端靈活的MVC框架,即HTML作為信息模型(Model),CSS控制樣式(View),JavaScript負(fù)責(zé)調(diào)度數(shù)據(jù)和實(shí)現(xiàn)某種展現(xiàn)邏輯(Controller)。同時(shí),代碼需要具有很好的復(fù)用性和可維護(hù)性。這是高效率、高質(zhì)量開發(fā)以及協(xié)作開發(fā)的基礎(chǔ)。
DHTML可以讓用戶的操作更炫,更吸引眼球;Ajax可以實(shí)現(xiàn)無刷新的數(shù)據(jù)交換,讓用戶的操作更流暢。對(duì)于普通用戶來說,一個(gè)網(wǎng)站是否規(guī)范、功能是否強(qiáng)大,服務(wù)器端是用J2EE+Oracle的強(qiáng)大組合,還是用ASP+Access的簡(jiǎn)單組合,并沒有太明顯的區(qū)別。但是,前端的用戶體驗(yàn)卻給了用戶直觀的印象。
隨著人們對(duì)用戶體驗(yàn)的要求越來越高,前端開發(fā)的技術(shù)難度越來越大,Web前端開發(fā)工程師這一職業(yè)終于從設(shè)計(jì)和制作不分的局面中獨(dú)立出來。
三要素折疊編輯本段
Web前端開發(fā)技術(shù)包括三個(gè)要素:HTML、CSS和JavaScript,但隨著RIA的流行和普及,F(xiàn)lash/Flex、Silverlight、XML和服務(wù)器端語言也是前端開發(fā)工程師應(yīng)該掌握的。Web前端開發(fā)工程師既要與上游的交互設(shè)計(jì)師、視覺設(shè)計(jì)師和產(chǎn)品經(jīng)理溝通,又要與下游的服務(wù)器端工程師溝通,需要掌握的技能非常多。這就從知識(shí)的廣度上對(duì)Web前端開發(fā)工程師提出了要求。如果要精于前端開發(fā)這一行,也許要先精十行。然而,全才總是少有的。所以,對(duì)于不太重要的知識(shí),我們只需要“通”即可。但“通”到什么程度才算夠用呢?對(duì)于很多初級(jí)前端開發(fā)工程師來說,這個(gè)問題是非常令人迷惑的。
前端開發(fā)的入門門檻其實(shí)非常低,與服務(wù)器端語言先慢后快的學(xué)習(xí)曲線相比,前端開發(fā)的學(xué)習(xí)曲線是先快后慢。所以,對(duì)于從事IT工作的人來說,前端開發(fā)是個(gè)不錯(cuò)的切入點(diǎn)。也正因?yàn)槿绱?,前端開發(fā)領(lǐng)域有很多自學(xué)成“才”的同行,但大多數(shù)人都停留在會(huì)用的階段,因?yàn)楹竺娴膶W(xué)習(xí)曲線越來越陡峭,每前進(jìn)一步都很難。另一方面,正如前面所說,前端開發(fā)是個(gè)非常新的職業(yè),對(duì)一些規(guī)范和最佳實(shí)踐的研究都處于探索階段??傆行碌撵`感和技術(shù)不時(shí)閃現(xiàn)出來,例如CSS sprite、負(fù)邊距布局、柵格布局等;各種JavaScript框架層出不窮,為整個(gè)前端開發(fā)領(lǐng)域注入了巨大的活力;瀏覽器大戰(zhàn)也越來越白熱化,跨瀏覽器兼容方案依然是五花八門。為了滿足“高可維護(hù)性”的需要,需要更深入、更系統(tǒng)地去掌握前端知識(shí),這樣才可能創(chuàng)建一個(gè)好的前端架構(gòu),保證代碼的質(zhì)量。
掌握技術(shù)折疊編輯本段
1.掌握各種修圖軟件,如PSAI,不要求專業(yè)設(shè)計(jì)師水平,但要會(huì)用會(huì)改,今天是一專多能的時(shí)代,光會(huì)編程討不飯碗的,熟悉Adobe系列圖形圖像工具。
2.掌握J(rèn)S、Jquery等相關(guān)前端主流腳本語言技術(shù),這是前端工程師的最核心技能,該技術(shù)除了能幫助實(shí)現(xiàn)各種頁面效果以外,還能提高系統(tǒng)穩(wěn)定性,促進(jìn)系統(tǒng)更加符合需求、更加優(yōu)雅、更加友好。
3.精通DW,能制作網(wǎng)頁;和普通的網(wǎng)頁設(shè)計(jì)師不同的是:一般的網(wǎng)頁設(shè)計(jì)師要求有過硬的交互設(shè)計(jì)和UI美化能力,而前端研發(fā)更加注重前端執(zhí)行的靈活性和高效性,比較側(cè)重編碼能力。
4.精通一二種模板語言,并能修改,如織夢(mèng)或wordpress的模板。
5.掌握thinkphp與zend框架,能修改此類開源源碼。
6.掌握html5與sencha,這是做手機(jī)等移動(dòng)設(shè)備的頁面前端技術(shù)。
7.能夠熟悉或掌握一些主流動(dòng)態(tài)網(wǎng)頁技術(shù),如:PHP、.NET、JSP等。