前端、後端、全棧……你想了解的一切，看這一篇就夠了

本文來自矽谷前沿技術學習平台優達學城（Udacity）的乾貨分享，文末有史上最全「前端工程師技能清單」電子書免費下載！

日常生活中，很多網頁呈現出來的簡潔布局、精心設計以及各種靈動效果總是讓我們讚嘆不已，而創造這些酷炫體驗的，正是背後的web 開發者。早在3年前，互聯網就囊括了六億八千多萬的頁面，這個數字還在持續快速增長。這意味著，web開發的人才需求空前繁盛。據估計，web開發方面的人才需求在接下來十年還會20%的增長，大大超過所有行業的平均水平。

從技術角度來看，Web開發大致可分為三個具體方向：前端、後端和全棧。如果你對HTML、CSS、Javascript 均有耳聞，或者會一點Python想入門前端，可不太確定要在哪個方向上投入精力，那麼這篇文章就是為你準備的！

前端方向

網站的「前端」是與用戶直接交互的部分，包括你在瀏覽網頁時接觸的所有視覺內容--從字體到顏色，以及下拉菜單和側邊欄。這些視覺內容，都是由瀏覽器解析、處理、渲染相關HTML、CSS、Javascript 文件後呈現而來。

技能與工具

前端開發，就是要創造上面提到的網站面向用戶的部分背後的代碼，並通過建立框架，構建沉浸性的用戶體驗。為了實現這個目標，開發需要熟練運用下列語言、框架、工具庫：

三大語言：HTML, CSS,和Javascript；

此外，掌握jQuery 和LESS 等工具庫也很重要，它們能幫助開發者以更高效的方式編碼；

很多前端開發崗也要求Ajax 方法的使用經驗，它可以幫助你使用Javascript 在後台從伺服器拉取數據，協助實現頁面的動態載入。

打個比方，前端開發者的工作專註於「房屋」裝修，而蓋房子的工作由後端開發者負責。

通過一些專門的工具，前端開發者與設計師/用戶體驗分析師密切合作，幫助構建原型或是線框圖，參與產品開發到發布的全過程。一些前端開發者甚至能準確定位影響用戶體驗的特定問題，並給出建議或是代碼解決方案，對產品設計帶來積極影響。在專業能力外，與其它團隊協作，以理解特定目標、需求、機遇，以及高效的執行力也非常重要。

這聽起來工作內容很多，但也回報豐厚。「我是一名技術人員，也是一名設計者，在數字平台上使用標記語言和代碼修改視覺元素並與之互動是很自然而有趣的體驗，」有八年前端開發經驗的Mikey Ilagan 說「這讓我能夠直接影響到用戶體驗，操縱應用和網站里用戶所見並直接與之交互的元素，這非常棒！」

總之，前端開發者要為後端開發者搭建的「房屋」進行內部設計和裝修工作。裝潢風格由房屋所有者指定。Apptix 的產品市場負責人Greg Matranga 表示：「前端開發者有時更容易為他們的工作感到振奮，因為他們有更廣闊的空間發揮自己的創造力。」

最新薪資參考

以下為在某主流互聯網行業招聘網站上，搜索「前端」限定「3年及以內」經驗後最先出現的4份崗位待遇信息。下文中後端、全棧薪資信息截圖條件相同。

後端方向

是什麼給網站前端提供支持？數據存放在哪裡？這就涉及後端內容了。網站後端包括伺服器、應用還有資料庫。後端開發者構建並維護這些組件，為網站提供多方面支持。

技能與工具

為了讓伺服器、應用、資料庫能夠彼此交互，後端工程師需要具有如下技能：

用於應用構建的伺服器端語言：PHP,Ruby, Python, Java, .Net 等；

數據相關工具：MySQL, Oracle, SQL Server 等；

PHP框架：Zend, Symfony, CakePHP等；

版本控制工具：SVN, CVS , Git 等；

還要熟練使用Linux 作為開發和部署環境。

後端開發者使用這些工具編寫乾淨、可移植、具有良好文檔支持的代碼來創建或更新Web應用。但在寫代碼之前，他們需要與客戶溝通，了解其實際需求並轉化為技術目標，制定最有效且精簡的方案來進行實現。

「我熱愛後端開發因為我喜歡操縱數據」，資深後端開發者就職於Wildbit的JPToto 說。「現在共有和私有API 已變成移動設備、網站以及其它互聯繫統交換數據的必備通道。創建對大家有用的API 是我工作里非常鼓舞人心的部分」

最新薪資參考

全棧工程師

有時前後端之間並沒有明確的界限，「前端開發者通常需要額外學習後端技巧，反之亦然，尤其在特定市場條件下「，Matranga 說」開發者需要跨領域知識，有時甚至需要成為全才。「

全棧工程師，最初是6年多以前由Facebook帶動的概念。全棧的核心，是指這批開發者能夠承擔包括前端、後端在內的所有功能開發任務，他們擁有一個技能全家桶。

「能夠同時承擔伺服器端和客戶端工作會為你帶來更多機會，」Grovo 的全棧工程師Federico Ulfo 說「當然這也就意味著更多的挑戰。以廚藝作類比，掌握烹飪和烘焙都需要時間與經驗積累，同時掌握兩者要花費更多精力。照著菜譜做誰都可以，我此處所說的是做出真正美味東西的能力。」

技能與工具

全棧開發者也通常在伺服器端進行編程工作，但他們熟練前端語言，能夠操縱網站面向用戶的部分。基本上可以形容他們是百事通。

下圖表來說明全棧開發不斷增長的複雜性，這是過去與當前技術需求情況對比：

具體工具依項目和客戶需求而定，全棧開發者需要對Web 架構的每一個層次都有足夠的了解：搭建和配置Linux 伺服器，編寫伺服器端API，利用客戶端Javascript 代碼驅動應用，將設計層面的東西轉化到實際的CSS 代碼。

掌握並使用大量工具的同時，全棧開發者需要敏捷地分配伺服器端和客戶端任務，提供解決方案並對比不同方案的優劣。

最新薪資參考：

－－－－－－－－

學習資源推薦

還是編程新手，但也想成為炙手可熱的web 開發人才，或學會如何搭建自己網站？

已入門網站開發，還想繼續提升自己的技術能力，擁有加入最頂尖團隊的敲門磚?

成為Google、GitHub共同認證的前端工程師，從入門到進階一站到位！

矽谷前沿技術學習平台優達學城（Udacity）與Google、GitHub、AT&T 和Hack Reactor 聯合推出前端工程師學習認證項目。認證項目由「前端開發（入門）」、「前端開發（進階）」兩門課程組成，你可以根據自己的背景和需求靈活選擇。

在」前端開發（入門）「中，你將從零開始，通過一系列實戰項目，學習如何創造一個優雅豐富的網頁，為成為一名前端工程師打下紮實基礎。

在」前端開發（進階）「中，你將更進一步，掌握前沿、通用的前端開發高級技能，創造一系列讓人驚艷的網頁作品，成為一名獨當一面的前端工程師，並獲得加入滴滴、京東、優酷、新浪等國內領銜科技企業的工作內推機會！

兩門課程都將為你提供：

來自矽谷行業領導者的獨家課程內容和實戰項目；

你寫的每一行代碼都會有專業導師快速、逐行審閱，並告訴你如何做得更好；

加入同步學習小組，在導師的監督下快速成長；

畢業後，立即獲得Udacity、Google、Github 共同頒發的認證證書。

立即加入最近一期課程，快人一步成為矽谷水準的搶手前端工程師！本期報名截止至4月12日周三23:59。

現在訪問課程頁面，還能限時免費下載史上最全「前端開發技能清單」和包括豐富學習資源的電子書！

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！