程式設計師們 讓你的孩子當個網頁工程師吧！

　　截止到今天凌晨，網際網路上已經有大概6億8千萬張網頁，而且依然在迅速增加。今天就來嚴肅地展開一下網頁工程師的話題吧，關於他們的工作，關於他們的職業；關於HTML，關於Python；關於瀏覽器，關於這個世界。

　　周圍有一些朋友的孩子也快要誕生了，將來可以考慮做個網頁工程師呢～

　　每天的我們，在(還算)安靜的辦公室裡，面對著電腦螢幕，忍受著窗外的喧囂，隨手點開瀏覽器，輸入一段URL，敲下Enter鍵。有沒有這樣的體驗，網站瞬間被開啟了，高質量的內容，乾淨的佈局和優秀的設計讓你過目難忘。感到吃驚是吧？這一切都歸功於一類人，網頁工程師，所謂的 Web Developers 們，他們不僅負責網站的搭建和網頁的編碼，還負責各種測試分析，以及一切和網站相關的維護。

　　如今網頁的重要性毋庸置疑，在商業上，好的網站已經是企業保持競爭力的重要環節。伴隨著網頁開發技術的日新月異，優秀的網站層出不窮，網頁工程師對於自己的工作已經不能有半點馬虎，成為一個好的網頁工程師也沒有任何的捷徑。

　　但問題就來了，正在頻繁迭代產品的苦逼創業者們，應該尋找怎樣的網頁工程師呢？想成為網頁工程師卻只是剛剛試水HTML和JavaScript或者剛剛開始瞭解Python和Ruby的童鞋，又應該如何規劃自己的技術之路呢？

　　登入過智聯前程大街獵聘周伯通拉勾等等網站，瀏覽過各類工程師線上課程，接觸過網頁工程師相關的招聘和應聘的，應該不難發現一個趨勢，就是這群人被集中分成了三大類：

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

　　一個一個來說吧

　　前端工程師 Front-End Developer

　　和使用者發生互動的那一部分叫做網頁的前端，說白了它就是你在瀏覽網頁時可以看到的所有東西，字型、顏色、導航欄、下拉選單、滾動的圖片，等等等等，這一切都是由 HTML + CSS + JavaScript 拼裝而成，在瀏覽器的渲染下變得井井有條，很神奇的！

　　首先來了解一下相關技能和工具。

　　前端工程師主要負責網站面向使用者部分的程式碼，以及使用者體驗相關的架構。一個前端工程師必須熟練地掌握三門基本的語言：HTML，CSS和JavaScript。除此之外，前端工程師還應該熟悉一些樣式框架比如Bootstrap和Foundation，和邏輯框架比如Backbone，AngularJS和EmberJS，這些框架確保了網頁在不同平臺上的質量和穩定性。最後還應該能夠熟練的使用一些基本的工具庫比如jQuery和SASS/LESS，這些能讓開發更加高效，程式碼更加優質。

　　另外，很多招聘文案中都會要求求職者有Ajax的開發經驗。Ajax技術使用JavaScript默默地和伺服器通訊來動態載入網頁內容，以實現無縫的瀏覽體驗。雖然這不是所有網站都必須的，但這也可以算是前端工程師的基本功之一，畢竟Ajax技術如今也越來越多地被應用到了網頁中。

　　有了前面說的這些技能，前端工程師就可以很好的和設計師合作，和使用者體驗分析師合作，把草圖和原型開發成成品。牛逼的前端工程師還能精確的發現使用者體驗相關的問題，給出建議和解決方案，用程式碼來增強設計。一個好的前端工程師還應該能夠和業務人員流利的溝通，明白他們的目的，理解他們的需求，瞭解市場上的機會，並且順利地執行。

　　總之在後端工程師造好屋子以後，前端工程師主要負責房屋的內飾。至於房屋的型別和品位，這就取決於房屋的主人了。相比於後端，前端工程師一般來說更加滿足於自己的成果，畢竟這是一份技術和創意相結合的工作。經驗豐富的前端工程師不僅是一個技術人員，不僅是一個Geek，因為他不僅實現了使用者可以看到一切和可以互動的一切，還致力於給使用者留下過目不忘的印象，所以他也是一個視覺達人。

　　那我們看到的網頁是怎麼來的呢？

　　再補充一下這個很多人都關心的話題吧，在網頁開發過程中，設計師繪製Logo和影象，攝影師拍攝照片，文案編寫文字，最後由前端工程師把它們組裝在一起，用網頁向我們闡釋所有內容，用網頁向我們提供獨一無二的體驗，把我們在網站上看到的所有內容變成可能。

　　後端工程師 Back-End Developer

　　新的問題來了，網頁上的資料存在哪裡？API又是什麼？

　　就像一間沒有造好的屋子，光有室內裝飾還是遠遠不夠的。於是我們還需要後端工程師。網頁的後端包括伺服器，應用程式，以及資料庫。這些元件相互作用，使用API和前端通訊，確保了網頁前端的存在。後端工程師的主要工作就是搭建和維護這些元件。

　　還是先來看看相關技能和工具。

　　相比於前端開發，後端開發的技術和工具比較多元。為了實現伺服器、應用程式和資料庫三者之間的通訊，後端工程師通常使用Python，Ruby，PHP，Java，.Net等語言來編寫應用程式，用MySQL，Oracle，MongoDB來查詢、儲存和修改資料，然後把它們部署到伺服器上來為前端程式碼提供支援。在實際工作中，後端工程師至少需要掌握一個開發框架，比如PHP的Zend和Symfony，或者Python的Django；還需要能夠熟練使用版本控制工具，比如Git和SVN；以及瞭解Linux開發環境。這些看起來比前端開發枯燥多了！

　　後端工程師需要使用這些框架和工具來為網站編寫優質的程式碼，有可讀性，可移植性，有完備的文件。然而和前端工程師一樣，在開始埋頭編碼以前，後端工程師需要和業務人員充分溝通來理解他們的感性目標，將其轉換為技術需求，提出具有可行性的有效方案，來搭建技術架構。

　　優秀的後端工程師同樣熱愛自己的工作，沉浸在後端的他們從來不覺得無聊，反而樂在其中。他們喜歡玩弄資料，編寫出有用的API，按照不同的許可權分配給網頁前端、移動應用和其他系統，讓前端工程師可以安心的沉浸在互動和佈局中。通俗易懂的高質量的API受人尊敬，這就是後端工程師的價值所在。

　　全棧工程師 Full-Stack Developer

　　說到這裡，首先要明確一點，前端開發和後端開發並不是黑與白的區別，前端工程師和後端工程師之間也沒有恐怖分子和反恐精英這樣子的曖昧關係。在目前的經濟形勢下，在這個資源緊缺的市場環境中，前端工程師往往需要學習（至少了解）一些後端開發的技能，反之亦然。產品開發有很多通用的規則，跨越了前後端的界限，於是我們開始尋找一種通才。

　　它的由來？

　　全棧工程師自然很早就存在，但是“全棧工程師”的叫法誕生於Facebook的開發部門。四年前，有一類特別的人群被挖掘出來，他們的工作內容涉及到了技術架構（技術棧）中的每一個環節，包括前端和後端，他們可以和後端工程師一樣在伺服器端玩弄應用程式和資料，也可以使用前端語言控制頁面內容和調節使用者體驗，他們能夠提供一套完整的系統。

　　總之，全棧工程師是網頁開發的全能戰士。

　　感覺很酷是吧？成為一個全棧工程師，同時精通前端和後端開發，無形之中給自己的職業生涯創造了很多機會。不過也別高興得太早，就和烹飪一樣，有人更擅長熱菜，有人更擅長甜點，精通兩者需要時間和經驗。媽媽的手藝可不是一日煉成的，更不是簡簡單單的按照食譜來做就行（事實上很多工程師依然在這樣錯誤的做著）。一個好的全棧工程師和一個好的大廚一樣，需要有自己的內涵，需要有所有的烹飪原料，需要掌握所有的方法，才能奉獻上一頓完美的晚餐。

　　全棧工程師需要掌握的技能相對複雜，甚至有些主觀，因為這不僅僅只是技能相關的需求，而且隨著時間的推移，人們對於他們的要求也在一點點變化。除了要根據不同專案掌握前端和後端開發的相應技能外，全棧工程師還需要充分理解網頁正常執行的每一個環節，不僅包括合理的伺服器配置，規範的API結構，還要通曉JavaScript的哲學，以及CSS背後的設計情懷。

　　舉個栗子，現階段一個典型全棧工程師的裝備，HTML5/CSS3 + Scala + MongoDB + 雲服務 + JavaScript

　　有了知識和技術，就還差經驗了，這也是最後一道門檻，全棧工程師尤其需要能夠在一個專案面前，快速地定義前端開發和後端開發的職責，分析各種解決方案的優勢和劣勢，最終選擇最合理的執行方式。

　　老問題，作為使用者如何感知網站背後的全棧工程師？

　　這個我真的說不出來了，自己去感受吧，頁面載入需要多久，內容佈局是否專業，互動體驗是否自然，等等等等。

　　最後說一句：

　　不要迷戀全棧工程師，任何時間，任何場合，都有一個“大而全”和“小而精”的選擇，好的網站從來都不是一個人的功勞，不要忽略了設計師、攝影師、文案、產品經理、客戶經理、銷售、客服、使用者、以及其他所有直接參與和間接參與到網頁製作中的人們。識別優秀的工程師也並不一定只是技術層面的事情，無論是前端、後端還是全棧，工程師的自我修養還需要包括對細節的關注，自主學習的速度，解決問題的效率以及良好的溝通能力。

　　如果你是個網頁工程師，那麼恭喜你，你現在最不需要擔心的就是找到一份稱心的工作。事實上接下來五到十年是網頁工程師最好混的時期了，HTML5終於定稿，五花八門的螢幕的出現，跨平臺應用的需求越來越高，微信至少還火熱著，加油啊！！！

　　作者：鬼骨孖，網頁工程師，業餘blogger，前美位網擔任CTO，2014年3月合夥創辦八音盒