如今網(wǎng)頁(yè)的重要性毋庸置疑，在商業(yè)上，好的網(wǎng)站已經(jīng)是企業(yè)保持競(jìng)爭(zhēng)力的重要環(huán)節(jié)。伴隨著網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)的日新月異，優(yōu)秀的網(wǎng)站層出不窮，網(wǎng)頁(yè)工程師對(duì)于自己的工作已經(jīng)不能有半點(diǎn)馬虎，成為一個(gè)好的網(wǎng)頁(yè)工程師也沒(méi)有任何的捷徑。

但問(wèn)題就來(lái)了，正在頻繁迭代產(chǎn)品的苦逼創(chuàng)業(yè)者們，應(yīng)該尋找怎樣的網(wǎng)頁(yè)工程師呢？想成為網(wǎng)頁(yè)工程師卻只是剛剛試水 HTML 和 JavaScript 或者剛剛開(kāi)始了解 Python 和 Ruby 的童鞋，又應(yīng)該如何規(guī)劃自己的技術(shù)之路呢？

登錄過(guò)智聯(lián)前程大街獵聘周伯通拉勾等等網(wǎng)站，瀏覽過(guò)各類(lèi)工程師在線課程，接觸過(guò)網(wǎng)頁(yè)工程師相關(guān)的招聘和應(yīng)聘的，應(yīng)該不難發(fā)現(xiàn)一個(gè)趨勢(shì)，就是這群人被集中分成了三大類(lèi)：

前端工程師，后端工程師，全棧工程師

一個(gè)一個(gè)來(lái)說(shuō)吧

前端工程師 Front-End Developer

和用戶(hù)發(fā)生交互的那一部分叫做網(wǎng)頁(yè)的前端，說(shuō)白了它就是你在瀏覽網(wǎng)頁(yè)時(shí)可以看到的所有東西，字體、顏色、導(dǎo)航欄、下拉菜單、滾動(dòng)的圖片，等等等等，這一切都是由 HTML + CSS + JavaScript 拼裝而成，在瀏覽器的渲染下變得井井有條，很神奇的！

首先來(lái)了解一下相關(guān)技能和工具。

前端工程師主要負(fù)責(zé)網(wǎng)站面向用戶(hù)部分的代碼，以及用戶(hù)體驗(yàn)相關(guān)的架構(gòu)。一個(gè)前端工程師必須熟練地掌握三門(mén)基本的語(yǔ)言：HTML，CSS 和 JavaScript。除此之外，前端工程師還應(yīng)該熟悉一些樣式框架比如 Bootstrap 和 Foundation，和邏輯框架比如 Backbone，AngularJS 和 EmberJS，這些框架確保了網(wǎng)頁(yè)在不同平臺(tái)上的質(zhì)量和穩(wěn)定性。最后還應(yīng)該能夠熟練的使用一些基本的工具庫(kù)比如 jQuery 和 SASS/LESS，這些能讓開(kāi)發(fā)更加高效，代碼更加優(yōu)質(zhì)。

另外，很多招聘文案中都會(huì)要求求職者有 Ajax 的開(kāi)發(fā)經(jīng)驗(yàn)。Ajax 技術(shù)使用 JavaScript 默默地和服務(wù)器通信來(lái)動(dòng)態(tài)加載網(wǎng)頁(yè)內(nèi)容，以實(shí)現(xiàn)無(wú)縫的瀏覽體驗(yàn)。雖然這不是所有網(wǎng)站都必須的，但這也可以算是前端工程師的基本功之一，畢竟 Ajax 技術(shù)如今也越來(lái)越多地被應(yīng)用到了網(wǎng)頁(yè)中。

有了前面說(shuō)的這些技能，前端工程師就可以很好的和設(shè)計(jì)師合作，和用戶(hù)體驗(yàn)分析師合作，把草圖和原型開(kāi)發(fā)成成品。牛逼的前端工程師還能精確的發(fā)現(xiàn)用戶(hù)體驗(yàn)相關(guān)的問(wèn)題，給出建議和解決方案，用代碼來(lái)增強(qiáng)設(shè)計(jì)。一個(gè)好的前端工程師還應(yīng)該能夠和業(yè)務(wù)人員流利的溝通，明白他們的目的，理解他們的需求，了解市場(chǎng)上的機(jī)會(huì)，并且順利地執(zhí)行。

總之在后端工程師造好屋子以后，前端工程師主要負(fù)責(zé)房屋的內(nèi)飾。至于房屋的類(lèi)型和品位，這就取決于房屋的主人了。相比于后端，前端工程師一般來(lái)說(shuō)更加滿(mǎn)足于自己的成果，畢竟這是一份技術(shù)和創(chuàng)意相結(jié)合的工作。經(jīng)驗(yàn)豐富的前端工程師不僅是一個(gè)技術(shù)人員，不僅是一個(gè) Geek，因?yàn)樗粌H實(shí)現(xiàn)了用戶(hù)可以看到一切和可以交互的一切，還致力于給用戶(hù)留下過(guò)目不忘的印象，所以他也是一個(gè)視覺(jué)達(dá)人。

那我們看到的網(wǎng)頁(yè)是怎么來(lái)的呢？

再補(bǔ)充一下這個(gè)很多人都關(guān)心的話題吧，在網(wǎng)頁(yè)開(kāi)發(fā)過(guò)程中，設(shè)計(jì)師繪制 Logo 和圖像，攝影師拍攝照片，文案編寫(xiě)文字，最后由前端工程師把它們組裝在一起，用網(wǎng)頁(yè)向我們闡釋所有內(nèi)容，用網(wǎng)頁(yè)向我們提供獨(dú)一無(wú)二的體驗(yàn)，把我們?cè)诰W(wǎng)站上看到的所有內(nèi)容變成可能。

后端工程師 Back-End Developer

新的問(wèn)題來(lái)了，網(wǎng)頁(yè)上的數(shù)據(jù)存在哪里？API 又是什么？

就像一間沒(méi)有造好的屋子，光有室內(nèi)裝飾還是遠(yuǎn)遠(yuǎn)不夠的。于是我們還需要后端工程師。網(wǎng)頁(yè)的后端包括服務(wù)器，應(yīng)用程序，以及數(shù)據(jù)庫(kù)。這些組件相互作用，使用 API 和前端通信，確保了網(wǎng)頁(yè)前端的存在。后端工程師的主要工作就是搭建和維護(hù)這些組件。

還是先來(lái)看看相關(guān)技能和工具。

相比于前端開(kāi)發(fā)，后端開(kāi)發(fā)的技術(shù)和工具比較多元。為了實(shí)現(xiàn)服務(wù)器、應(yīng)用程序和數(shù)據(jù)庫(kù)三者之間的通信，后端工程師通常使用 Python，Ruby，PHP，Java，.Net 等語(yǔ)言來(lái)編寫(xiě)應(yīng)用程序，用 MySQL，Oracle，MongoDB 來(lái)查找、存儲(chǔ)和修改數(shù)據(jù)，然后把它們部署到服務(wù)器上來(lái)為前端代碼提供支持。在實(shí)際工作中，后端工程師至少需要掌握一個(gè)開(kāi)發(fā)框架，比如 PHP 的 Zend 和 Symfony，或者 Python 的 Django；還需要能夠熟練使用版本控制工具，比如 Git 和 SVN；以及了解 Linux 開(kāi)發(fā)環(huán)境。這些看起來(lái)比前端開(kāi)發(fā)枯燥多了！

后端工程師需要使用這些框架和工具來(lái)為網(wǎng)站編寫(xiě)優(yōu)質(zhì)的代碼，有可讀性，可移植性，有完備的文檔。然而和前端工程師一樣，在開(kāi)始埋頭編碼以前，后端工程師需要和業(yè)務(wù)人員充分溝通來(lái)理解他們的感性目標(biāo)，將其轉(zhuǎn)換為技術(shù)需求，提出具有可行性的有效方案，來(lái)搭建技術(shù)架構(gòu)。

優(yōu)秀的后端工程師同樣熱愛(ài)自己的工作，沉浸在后端的他們從來(lái)不覺(jué)得無(wú)聊，反而樂(lè)在其中。他們喜歡玩弄數(shù)據(jù)，編寫(xiě)出有用的 API，按照不同的權(quán)限分配給網(wǎng)頁(yè)前端、移動(dòng)應(yīng)用和其他系統(tǒng)，讓前端工程師可以安心的沉浸在交互和布局中。通俗易懂的高質(zhì)量的 API 受人尊敬，這就是后端工程師的價(jià)值所在。

全棧工程師 Full-Stack Developer

說(shuō)到這里，首先要明確一點(diǎn)，前端開(kāi)發(fā)和后端開(kāi)發(fā)并不是黑與白的區(qū)別，前端工程師和后端工程師之間也沒(méi)有***和反恐精英這樣子的曖昧關(guān)系。在目前的經(jīng)濟(jì)形勢(shì)下，在這個(gè)資源緊缺的市場(chǎng)環(huán)境中，前端工程師往往需要學(xué)習(xí)（至少了解）一些后端開(kāi)發(fā)的技能，反之亦然。產(chǎn)品開(kāi)發(fā)有很多通用的規(guī)則，跨越了前后端的界限，于是我們開(kāi)始尋找一種通才。

它的由來(lái)？

全棧工程師自然很早就存在，但是“全棧工程師”的叫法誕生于 Facebook 的開(kāi)發(fā)部門(mén)。四年前，有一類(lèi)特別的人群被挖掘出來(lái)，他們的工作內(nèi)容涉及到了技術(shù)架構(gòu)（技術(shù)棧）中的每一個(gè)環(huán)節(jié)，包括前端和后端，他們可以和后端工程師一樣在服務(wù)器端玩弄應(yīng)用程序和數(shù)據(jù)，也可以使用前端語(yǔ)言控制頁(yè)面內(nèi)容和調(diào)節(jié)用戶(hù)體驗(yàn)，他們能夠提供一套完整的系統(tǒng)。

總之，全棧工程師是網(wǎng)頁(yè)開(kāi)發(fā)的全能戰(zhàn)士。

感覺(jué)很酷是吧？成為一個(gè)全棧工程師，同時(shí)精通前端和后端開(kāi)發(fā)，無(wú)形之中給自己的職業(yè)生涯創(chuàng)造了很多機(jī)會(huì)。不過(guò)也別高興得太早，就和烹飪一樣，有人更擅長(zhǎng)熱菜，有人更擅長(zhǎng)甜點(diǎn)，精通兩者需要時(shí)間和經(jīng)驗(yàn)。媽媽的手藝可不是一日煉成的，更不是簡(jiǎn)簡(jiǎn)單單的按照食譜來(lái)做就行（事實(shí)上很多工程師依然在這樣錯(cuò)誤的做著）。一個(gè)好的全棧工程師和一個(gè)好的大廚一樣，需要有自己的內(nèi)涵，需要有所有的烹飪?cè)?，需要掌握所有的方法，才能奉獻(xiàn)上一頓完美的晚餐。

全棧工程師需要掌握的技能相對(duì)復(fù)雜，甚至有些主觀，因?yàn)檫@不僅僅只是技能相關(guān)的需求，而且隨著時(shí)間的推移，人們對(duì)于他們的要求也在一點(diǎn)點(diǎn)變化。除了要根據(jù)不同項(xiàng)目掌握前端和后端開(kāi)發(fā)的相應(yīng)技能外，全棧工程師還需要充分理解網(wǎng)頁(yè)正常運(yùn)行的每一個(gè)環(huán)節(jié)，不僅包括合理的服務(wù)器配置，規(guī)范的 API 結(jié)構(gòu)，還要通曉 JavaScript 的哲學(xué)，以及 CSS 背后的設(shè)計(jì)情懷。

舉個(gè)栗子，現(xiàn)階段一個(gè)典型全棧工程師的裝備，HTML5/CSS3 + Scala + MongoDB + 云服務(wù) + JavaScript

有了知識(shí)和技術(shù)，就還差經(jīng)驗(yàn)了，這也是最后一道門(mén)檻，全棧工程師尤其需要能夠在一個(gè)項(xiàng)目面前，快速地定義前端開(kāi)發(fā)和后端開(kāi)發(fā)的職責(zé)，分析各種解決方案的優(yōu)勢(shì)和劣勢(shì)，最終選擇最合理的執(zhí)行方式。

老問(wèn)題，作為用戶(hù)如何感知網(wǎng)站背后的全棧工程師？

這個(gè)我真的說(shuō)不出來(lái)了，自己去感受吧，頁(yè)面加載需要多久，內(nèi)容布局是否專(zhuān)業(yè)，交互體驗(yàn)是否自然，等等等等。

最后說(shuō)一句：

不要迷戀全棧工程師，任何時(shí)間，任何場(chǎng)合，都有一個(gè)“大而全”和“小而精”的選擇，好的網(wǎng)站從來(lái)都不是一個(gè)人的功勞，不要忽略了設(shè)計(jì)師、攝影師、文案、產(chǎn)品經(jīng)理、客戶(hù)經(jīng)理、銷(xiāo)售、客服、用戶(hù)、以及其他所有直接參與和間接參與到網(wǎng)頁(yè)制作中的人們。識(shí)別優(yōu)秀的工程師也并不一定只是技術(shù)層面的事情，無(wú)論是前端、后端還是全棧，工程師的自我修養(yǎng)還需要包括對(duì)細(xì)節(jié)的關(guān)注，自主學(xué)習(xí)的速度，解決問(wèn)題的效率以及良好的溝通能力。

如果你是個(gè)網(wǎng)頁(yè)工程師，那么恭喜你，你現(xiàn)在最不需要擔(dān)心的就是找到一份稱(chēng)心的工作。事實(shí)上接下來(lái)五到十年是網(wǎng)頁(yè)工程師最好混的時(shí)期了，HTML5 終于定稿，五花八門(mén)的屏幕的出現(xiàn)，跨平臺(tái)應(yīng)用的需求越來(lái)越高，微信至少還火熱著，加油啊?。?！