我所遇到的前端程序員分兩種：第一種一直在問(wèn)：如何學(xué)習(xí)前端？第二種總說(shuō)：前端很簡(jiǎn)單，就那么一點(diǎn)東西。我從沒有聽到有人問(wèn)：如何做一名優(yōu)秀、甚至卓越的WEB前端工程師。何為：前端工程師？前端工程師，也叫Web前端開發(fā)工程師。他是隨著web發(fā)展，細(xì)分出來(lái)的行業(yè)。Web前端開發(fā)技術(shù)主要包括三個(gè)要素：HTML、CSS和JavaScript！它要求前端開發(fā)工程師不僅要掌握基本的Web前端開發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識(shí)，而且要學(xué)會(huì)運(yùn)用各種工具進(jìn)行輔助開發(fā)以及理論層面的知識(shí)，包括代碼的可維護(hù)性、組件的易用性、分層語(yǔ)義模板和瀏覽器分級(jí)支持等。隨著近兩三年來(lái)RIA（Rich Internet Applications的縮寫，中文含義為：豐富的因特網(wǎng)應(yīng)用程序）的流行和普及帶來(lái)的諸如：Flash/Flex，Silverlight、XML和服務(wù)器端語(yǔ)言（PHP、，JSP、Python）等語(yǔ)言，前端開發(fā)工程師也需要掌握。前端開發(fā)的入門門檻其實(shí)很低，與服務(wù)器端語(yǔ)言先慢后快的學(xué)習(xí)曲線相比，前端開發(fā)的學(xué)習(xí)曲線是先快后慢。HTML 甚至不是一門語(yǔ)言，他僅僅是簡(jiǎn)單的標(biāo)記語(yǔ)言！CSS 只是無(wú)類型的樣式修飾語(yǔ)言。當(dāng)然可以勉強(qiáng)算作弱類型語(yǔ)言。Javascript 的基礎(chǔ)部分相對(duì)來(lái)說(shuō)不難，入手還算快。也正因?yàn)槿绱?，前端開發(fā)領(lǐng)域有很多自學(xué)成“才”的同行，但大多數(shù)人都停留在會(huì)用的階段，因?yàn)楹竺娴膶W(xué)習(xí)曲線越來(lái)越陡峭，每前進(jìn)一步都很難。Web前端技術(shù)有一些江湖氣，知識(shí)點(diǎn)過(guò)于瑣碎，技術(shù)價(jià)值觀的博弈也難分伯仲，即全局的系統(tǒng)的知識(shí)結(jié)構(gòu)并未成體系，這些因素也客觀上影響了“正統(tǒng)“前端技術(shù)的沉淀！而且各種“奇技淫巧”被濫用，前端技術(shù)知識(shí)的傳承也過(guò)于泛泛，新人難看清時(shí)局把握主次。因此，前端技術(shù)領(lǐng)域，為自己覓得一個(gè)靠譜的師兄，重要性要蓋過(guò)項(xiàng)目、團(tuán)隊(duì)、公司、甚至薪水。另一方面，正如前面所說(shuō)，前端開發(fā)是個(gè)非常新的職業(yè)，對(duì)一些規(guī)范和最佳實(shí)踐的研究都處于探索階段?？傆行碌撵`感和技術(shù)不時(shí)閃現(xiàn)出來(lái)，例如CSS sprite、負(fù)邊距布局、柵格布局等；各種JavaScript框架層出不窮，為整個(gè)前端開發(fā)領(lǐng)域注入了巨大的活力；瀏覽器大戰(zhàn)也越來(lái)越白熱化，跨瀏覽器兼容方案依然是五花八門。為了滿足“高可維護(hù)性”的需要，需要更深入、更系統(tǒng)地去掌握前端知識(shí)，這樣才可能創(chuàng)建一個(gè)好的前端架構(gòu)，保證代碼的質(zhì)量。隨著手持設(shè)備的迅猛發(fā)展，帶動(dòng)了 HTML5行業(yè)標(biāo)準(zhǔn)的快速發(fā)展。web領(lǐng)域的技術(shù)，大概有10年都沒有大的更新了！現(xiàn)在市場(chǎng)很需要優(yōu)秀的、高級(jí)的前端工程師。一方面是因?yàn)檫@是一個(gè)比較新的細(xì)分行業(yè)，而且前端程序員大都自學(xué)一部分，知識(shí)結(jié)構(gòu)不系統(tǒng)；另一方面，大學(xué)里面沒有這種課程，最最重要的是：北大青鳥這類培訓(xùn)機(jī)構(gòu)也沒有專門的前端工程師的培訓(xùn)課程！！吳亮在《JavaScript 王者歸來(lái)》第一張的序里面說(shuō)：大多數(shù)程序員認(rèn)為 Javascript 過(guò)于簡(jiǎn)陋，只適合一些網(wǎng)頁(yè)上面花哨的表現(xiàn)，所以不愿花費(fèi)精力去學(xué)習(xí)，或者以為不學(xué)習(xí)就能掌握。實(shí)際上，一門語(yǔ)言是否腳本語(yǔ)言，往往是她的設(shè)計(jì)目標(biāo)決定，簡(jiǎn)單與復(fù)雜并不是區(qū)分腳本語(yǔ)言和非腳本語(yǔ)言的標(biāo)準(zhǔn)。事實(shí)上，在腳本語(yǔ)言里面，Javascript 屬于相當(dāng)復(fù)雜的一門語(yǔ)言，他的復(fù)雜度即使放在非腳本語(yǔ)言中來(lái)衡量，也是一門相當(dāng)復(fù)雜的語(yǔ)言！Javascript 的復(fù)雜度不遜色于 Perl 和 Python！如何學(xué)習(xí)前端知識(shí)？ 我們生活在一個(gè)充滿規(guī)則的宇宙里面。社會(huì)秩序按照規(guī)則運(yùn)行，計(jì)算機(jī)語(yǔ)言幾乎全部是規(guī)則的集合。計(jì)算機(jī)前輩們定義規(guī)則，規(guī)則約束我們，我們用規(guī)則控制數(shù)據(jù)。大部分時(shí)候，對(duì)數(shù)據(jù)的合理控制，來(lái)自于你對(duì)規(guī)則的掌握。學(xué)習(xí) HTML，CSS 應(yīng)該先跟著書仔細(xì)、扎實(shí)的學(xué)一遍。然后就需要做大量的練習(xí)，做各種常規(guī)的、奇怪的、大量的布局練習(xí)來(lái)捆固、理解自己的知識(shí)。而學(xué)習(xí) Javascript 首先要知道這門語(yǔ)言可以做什么，不能做什么，擅長(zhǎng)做什么，不擅長(zhǎng)做什么！如果你只想當(dāng)一個(gè)普通的前端程序員，你只需要記住大部分 Javascript 函數(shù)，做一些練習(xí)就可以了。如果你想當(dāng)深入了解Javascript，你需要了解 Javascript 的原理，機(jī)制。需要知道他們的本源，需要深刻了解 Javascript 基于對(duì)象的本質(zhì)。還需要 深刻了解 瀏覽器宿主 下 的 Javascript 的行為、特性。因?yàn)闅v史原因，Javascript一直不被重視，有點(diǎn)像被收養(yǎng)的一般！ 所以他有很多缺點(diǎn)，各個(gè)宿主環(huán)境下的行為不統(tǒng)一、內(nèi)存溢出問(wèn)題、執(zhí)行效率低下等問(wèn)題。作為一個(gè)優(yōu)秀的前端工程師還需要深入了解、以及學(xué)會(huì)處理 Javascript 的這些缺陷。那么一名優(yōu)秀的、甚至卓越的 前端開發(fā)工程師的具備什么條件？首先，優(yōu)秀的Web前端開發(fā)工程師要在知識(shí)體系上既要有廣度和深度！做到這兩點(diǎn)，其實(shí)很難。所以很多大公司即使出高薪也很難招聘到理想的前端開發(fā)工程師。技術(shù)非黑即白，只有對(duì)和錯(cuò)，而技巧則見仁見智。在以前，會(huì)一點(diǎn)Photoshop和Dreamweaver的操作，就可以制作網(wǎng)頁(yè)?，F(xiàn)在，只掌握這些已經(jīng)遠(yuǎn)遠(yuǎn)不夠了。無(wú)論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁(yè)制作都更接近傳統(tǒng)的網(wǎng)站后臺(tái)開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁(yè)制作，而是叫Web前端開發(fā)。Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來(lái)越重要，而且需要專業(yè)的前端工程師才能做好。Web前端開發(fā)是一項(xiàng)很特殊的工作，涵蓋的知識(shí)面非常廣，既有具體的技術(shù)，又有抽象的理念。簡(jiǎn)單地說(shuō)，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。