Web前端開發(fā)工程師是一個很新的職業(yè)畏腕，在國內(nèi)乃至國際上真正開始受到重視的時間不超過7年孵构。Web前端開發(fā)是從網(wǎng)頁制作演變而來的，名稱上有很明顯的時代特征榨崩。在互聯(lián)網(wǎng)的演化進程中，網(wǎng)頁制作是Web 1.0時代的產(chǎn)物章母，那時網(wǎng)站的主要內(nèi)容都是靜態(tài)的母蛛，用戶使用網(wǎng)站的行為也以瀏覽為主。
2005年以后乳怎，互聯(lián)網(wǎng)進入Web 2.0時代彩郊，各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn)，網(wǎng)站的前端由此發(fā)生了翻天覆地的變化蚪缀。網(wǎng)頁不再只是承載單一的文字和圖片秫逝，各種豐富媒體讓網(wǎng)頁的內(nèi)容更加生動，網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗询枚，這些都是基于前端技術(shù)實現(xiàn)的违帆。
隨著Web 2.0概念的普及和W3C組織的推廣，網(wǎng)站重構(gòu)的影響力正以驚人的速度增長哩盲。XHTML+CSS布局前方、DHTML和Ajax像一陣旋風(fēng)狈醉，鋪天蓋地席卷而來廉油，包括新浪、搜狐苗傅、網(wǎng)易抒线、騰訊、淘寶等在內(nèi)的各種規(guī)模的IT企業(yè)都對自己的網(wǎng)站進行了重構(gòu)渣慕。
為什么它們會對自己的網(wǎng)站進行重構(gòu)呢嘶炭？有兩個方面的原因：第一抱慌，根據(jù)W3C標(biāo)準進行重構(gòu)后，可以讓前端的代碼組織更有序眨猎，顯著改善網(wǎng)站的性能抑进，還能提高可維護性，對搜索引擎也更友好睡陪；
第二寺渗，重構(gòu)后的網(wǎng)站能帶來更好的用戶體驗，用XHTML+CSS重新布局后的頁面兰迫，文件更小信殊，下載速度更快。
網(wǎng)站重構(gòu)的目的僅僅是為了讓網(wǎng)頁更符合Web標(biāo)準嗎汁果？不是涡拘！重構(gòu)的本質(zhì)是構(gòu)建一個前端靈活的類MVC框架，即HTML作為信息模型（Model）据德，CSS控制樣式（View）鳄乏，JavaScript負責(zé)調(diào)度數(shù)據(jù)和實現(xiàn)某種展現(xiàn)邏輯（Controller）。同時棘利，代碼需要具有很好的復(fù)用性和可維護性汞窗。這是高效率、高質(zhì)量開發(fā)以及協(xié)作開發(fā)的基礎(chǔ)赡译。
DHTML可以讓用戶的操作更炫仲吏，更吸引眼球；Ajax可以實現(xiàn)無刷新的數(shù)據(jù)交換蝌焚，讓用戶的操作更流暢裹唆。對于普通用戶來說，一個網(wǎng)站是否專業(yè)只洒、功能是否強大许帐，服務(wù)器端是用J2EE+Oracle的強大組合，還是用ASP+Access的簡單組合毕谴，并沒有太明顯的區(qū)別成畦。但是，前端的用戶體驗卻給了用戶直觀的印象涝开。
隨著人們對用戶體驗的要求越來越高循帐，前端開發(fā)的技術(shù)難度越來越大，Web前端開發(fā)工程師這一職業(yè)終于從設(shè)計和制作不分的局面中獨立出來舀武。
Web前端開發(fā)技術(shù)包括三個要素：HTML拄养、CSS和JavaScript，但隨著RIA的流行和普及银舱，F(xiàn)lash/Flex瘪匿、Silverlight跛梗、XML和服務(wù)器端語言也是前端開發(fā)工程師應(yīng)該掌握的。隨著時代的發(fā)展棋弥，前端開發(fā)技術(shù)的三要素也演變成為現(xiàn)今的：html5核偿，css3，jquery顽染。Web前端開發(fā)工程師既要與上游的交互設(shè)計師宪祥、視覺設(shè)計師和產(chǎn)品經(jīng)理溝通，又要與下游的服務(wù)器端工程師溝通家乘，需要掌握的技能非常多蝗羊。這就從知識的廣度上對Web前端開發(fā)工程師提出了要求。如果要精于前端開發(fā)這一行仁锯，也許要先精十行耀找。然而，全才總是少有的业崖。所以野芒，對于不太重要的知識，我們只需要“通”即可双炕。但“通”到什么程度才算夠用呢狞悲？對于很多初級前端開發(fā)工程師來說，這個問題是非常令人迷惑的妇斤。
前端開發(fā)的入門門檻其實非常低摇锋，與服務(wù)器端語言先慢后快的學(xué)習(xí)曲線相比，前端開發(fā)的學(xué)習(xí)曲線是先快后慢站超。所以荸恕，對于從事IT工作的人來說，前端開發(fā)是個不錯的切入點死相。也正因為如此融求，前端開發(fā)領(lǐng)域有很多自學(xué)成“才”的同行，但大多數(shù)人都停留在會用的階段算撮，因為后面的學(xué)習(xí)曲線越來越陡峭生宛，每前進一步都很難。另一方面肮柜，正如前面所說陷舅，前端開發(fā)是個非常新的職業(yè)，對一些規(guī)范和最佳實踐的研究都處于探索階段素挽∶镒福總有新的靈感和技術(shù)不時閃現(xiàn)出來狸驳，例如CSS sprite预明、負邊距布局缩赛、柵格布局等；各種JavaScript框架層出不窮撰糠，為整個前端開發(fā)領(lǐng)域注入了巨大的活力酥馍；瀏覽器大戰(zhàn)也越來越白熱化，跨瀏覽器兼容方案依然是五花八門阅酪。為了滿足“高可維護性”的需要旨袒，需要更深入、更系統(tǒng)地去掌握前端知識术辐，這樣才可能創(chuàng)建一個好的前端架構(gòu)砚尽，保證代碼的質(zhì)量。
一位好的Web前端開發(fā)工程師在知識體系上既要有廣度辉词，又要有深度必孤，所以很多大公司即使出高薪也很難招聘到理想的前端開發(fā)工程師。現(xiàn)在說的重點不在于講解技術(shù)瑞躺，而是更側(cè)重于對技巧的講解敷搪。技術(shù)非黑即白，只有對和錯幢哨，而技巧則見仁見智赡勘。以前會Photoshop和Dreamweaver就可以制作網(wǎng)頁，現(xiàn)在只掌握這些已經(jīng)遠遠不夠了捞镰。無論是開發(fā)難度上闸与，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁制作都更接近傳統(tǒng)的網(wǎng)站后臺開發(fā)岸售，所以現(xiàn)在不再叫網(wǎng)頁制作几迄，而是叫Web前端開發(fā)。Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要冰评，而且需要專業(yè)的前端工程師才能做好映胁，這方面的專業(yè)人才近兩年來備受青睞。Web前端開發(fā)是一項很特殊的工作甲雅，涵蓋的知識面非常廣解孙，既有具體的技術(shù)，又有抽象的理念抛人。簡單地說弛姜，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。
如何才能做得更好呢妖枚？
第一廷臼，必須掌握基本的Web前端開發(fā)技術(shù)，其中包括：CSS、HTML荠商、DOM寂恬、BOM、Ajax莱没、JavaScript等初肉，在掌握這些技術(shù)的同時，還要清楚地了解它們在不同瀏覽器上的兼容情況饰躲、渲染原理和存在的Bug牙咏。
第二，在一名合格的前端工程師的知識結(jié)構(gòu)中嘹裂，網(wǎng)站性能優(yōu)化妄壶、SEO和服務(wù)器端的基礎(chǔ)知識也是必須掌握的。
第三寄狼，必須學(xué)會運用各種工具進行輔助開發(fā)盯拱。
第四，除了要掌握技術(shù)層面的知識例嘱，還要掌握理論層面的知識狡逢，包括代碼的可維護性、組件的易用性拼卵、分層語義模板和瀏覽器分級支持奢浑，等等。
可見腋腮，看似簡單的網(wǎng)頁制作雀彼，如果要做得更好、更專業(yè)即寡，真的是不簡單徊哑。這就是前端開發(fā)的特點，也是讓很多人困惑的原因聪富。如此繁雜的知識體系讓新手學(xué)習(xí)起來無從下手莺丑，對于老手來說，也時常不知道下一步該學(xué)什么墩蔓。
代碼質(zhì)量是前端開發(fā)中應(yīng)該重點考慮的問題之一梢莽。例如，實現(xiàn)一個網(wǎng)站界面可能會有無數(shù)種方案奸披，但有些方案的維護成本會比較高昏名，有些方案會存在性能問題，而有些方案則更易于維護阵面，而且性能也比較好轻局。這里的關(guān)鍵影響因素就是代碼質(zhì)量洪鸭。CSS、HTML仑扑、JavaScript這三種前端開發(fā)語言的特點是不同的览爵，對代碼質(zhì)量的要求也不同，但它們之間又有著千絲萬縷的聯(lián)系夫壁。