什么是前端開發(fā)？
網(wǎng)站和移動(dòng)應(yīng)用的前端物聯(lián)網(wǎng)的前端
什么是后端開發(fā)？
網(wǎng)站和移動(dòng)應(yīng)用后端物聯(lián)網(wǎng)后端
前端 Vs 后端有什么區(qū)別？
前端與后端技術(shù)棧
前端 Vs 后端：誰是最好的？
前端與后端開發(fā)人員
前端 Vs 后端開發(fā)人員：職位名稱前端與后端開發(fā)人員：所需技能前端與后端開發(fā)者：角色和責(zé)任前端與后端開發(fā)人員：薪資比較
什么是全棧開發(fā)？
前端、后端或全棧：你會(huì)選擇什么？
如果你是一位有志于全面了解前后端編程語言及框架的開發(fā)人員或創(chuàng)業(yè)者，那你來對(duì)地方了。本文將幫助你了解前端和后端技術(shù)之間的基本差異。

所以本文將想你闡述他們的技術(shù)棧，為什么我們需要構(gòu)建移動(dòng)應(yīng)用、網(wǎng)站或物聯(lián)網(wǎng)應(yīng)用開發(fā)解決方案。

最重要的是，怎樣通過前后端編程語言和框架之間的完美協(xié)作來實(shí)現(xiàn)完整的解決方案。

Stack Overflow 進(jìn)行了 2019 年的開發(fā)人員調(diào)查，其中有超過 81,000 名來自世界各地的開發(fā)人員參與了此項(xiàng)調(diào)查。以下是全球開發(fā)人員中最流行的15種編程語言：12

你一定在想，2019 年最好的軟件開發(fā)技能、技術(shù)和語言是什么，以及它們?nèi)绾芜m應(yīng)軟件開發(fā)方案？

這就是你將要在本文中學(xué)到的東西。

所以，讓我們從基礎(chǔ)開始，逐步分析他們的差異、技能要求、發(fā)展?jié)摿?，以及前端和后端開發(fā)人員的職業(yè)前景和薪水。

什么是前端開發(fā)？

前端，也稱為“客戶端開發(fā)”，簡(jiǎn)單來說，你可以在應(yīng)用程序或網(wǎng)站的屏幕上看到的所有內(nèi)容都屬于前端。

網(wǎng)站和移動(dòng)應(yīng)用的前端

讓我們考慮一個(gè)現(xiàn)實(shí)的例子：你正在訪問的網(wǎng)站。內(nèi)容設(shè)計(jì)、圖像、段落和線條之間的間距，左上角的公司徽標(biāo)，以及右下角的小通知按鈕——所有這一切都是前端。

移動(dòng)應(yīng)用的前端與網(wǎng)站相同。例如，你在移動(dòng)或 Web 應(yīng)用中看到的內(nèi)容，按鈕、圖像是前端的一部分。此外移動(dòng)屏幕還具有觸摸響應(yīng)功能，因此當(dāng)應(yīng)用響應(yīng)你所做的所有手勢(shì)時(shí)，需要進(jìn)行縮放放大/縮小、雙擊、滑動(dòng)等操作。

前端開發(fā)人員構(gòu)建所有的這些。它們創(chuàng)造了你在屏幕上看到的外觀和觸摸到的體驗(yàn)。

Ionic，Swift，Kotlin，Bootstrap，Angular，Vue，jQuery，React.js 是用于前端開發(fā)的一些工具和技術(shù)。我們將在文中進(jìn)一步討論這些技術(shù)棧。

物聯(lián)網(wǎng)的前端

連接到互聯(lián)網(wǎng)的任何對(duì)象都是IoT（物聯(lián)網(wǎng)）設(shè)備。你可能在想物聯(lián)網(wǎng)設(shè)備的前端如何工作？任何智能設(shè)備，如智能冰箱、遠(yuǎn)程 PoS 系統(tǒng)、智能手表、智能錢包，都需要用戶可以與之交互以操作設(shè)備的“東西”。因此，“某物”是一種互動(dòng)媒介，其元素就是物聯(lián)網(wǎng)的前端。

物聯(lián)網(wǎng)設(shè)備沒有前端的說法，但設(shè)備包含一個(gè)固件，其行為類似于移動(dòng)應(yīng)用程序中的前端。此外該固件可以用C、C 、Lua、Python 和 JavaScript 等語言編寫。

另外還有物聯(lián)網(wǎng)設(shè)備的 UI/UX 設(shè)計(jì)和實(shí)現(xiàn)。

81,000 名受訪開發(fā)者中最受歡迎的框架：1

什么是后端開發(fā)？

后端，也稱為“服務(wù)器端開發(fā)”，也就是在系統(tǒng)“后面”所發(fā)生的事情。同樣，在后端服務(wù)器和瀏覽器或應(yīng)用程序之間存儲(chǔ)網(wǎng)站、應(yīng)用數(shù)據(jù)和中間媒介的服務(wù)器都屬于后端。簡(jiǎn)單來說，在應(yīng)用程序或網(wǎng)站的屏幕上看不到的所有東西都是前端的后端。

網(wǎng)站和移動(dòng)應(yīng)用后端

網(wǎng)站的后端需要設(shè)置服務(wù)器，存儲(chǔ)和檢索數(shù)據(jù)，以及將這些服務(wù)器與前端進(jìn)行連接的接口。如果說前端開發(fā)人員梗關(guān)注網(wǎng)站的外觀，后端開發(fā)人員則更更關(guān)注網(wǎng)站的速度、性能和響應(yīng)能力，后端通過編碼、云 API 和數(shù)據(jù)庫進(jìn)行集成。

就像前端一樣，移動(dòng)應(yīng)用的后端開發(fā)在各個(gè)方面都與網(wǎng)站后端相同。此外，你為移動(dòng)應(yīng)用設(shè)置后端服務(wù)器的選項(xiàng)包括：云計(jì)算（AWS，Firebase）定制服務(wù)器或 MBaaS（移動(dòng)后端即服務(wù)）。

Ruby，Apache，Nginx，PHP，MySQL，MongoDB 等用于后端開發(fā)的工具和技術(shù)很少。我們將在文中進(jìn)一步討論這些技術(shù)棧。

物聯(lián)網(wǎng)后端

物聯(lián)網(wǎng)后端最重要的組成部分之一是云后端。顯然大多數(shù)物聯(lián)網(wǎng)設(shè)備都依賴云服務(wù)器對(duì)數(shù)據(jù)進(jìn)行上傳和下載，并將其處理為動(dòng)作。

如果我們談?wù)摳呒?jí)物聯(lián)網(wǎng)解決方案，后端開發(fā)可以擴(kuò)大到 AI（人工智能）和 ML 等功能（機(jī)器學(xué)習(xí)）。

用于物聯(lián)網(wǎng)項(xiàng)目的后端技術(shù)是Amazon IoT，Google Cloud，MQTT Broker，IFTTT等等。

前端 Vs 后端有什么區(qū)別？

前端

后端

專業(yè)知識(shí)

前端 Web 開發(fā)人員需要精通 HTML，CSS 和 JavaScript。

后端開發(fā)人員應(yīng)該擁有數(shù)據(jù)庫，服務(wù)器，API 等技能

職位描述

前端開發(fā)人員團(tuán)隊(duì)設(shè)計(jì)網(wǎng)站的外觀，并通過測(cè)試不斷修改。

后端開發(fā)人員團(tuán)隊(duì)開發(fā)軟件，并構(gòu)建支持前端的數(shù)據(jù)庫架構(gòu)。

獨(dú)立開發(fā)服務(wù)

除非網(wǎng)站是一個(gè)簡(jiǎn)單工作的靜態(tài)網(wǎng)站，否則不能單獨(dú)提供前端服務(wù)。

后端服務(wù)可以作為 BaaS（后端即服務(wù)）獨(dú)立提供。

項(xiàng)目目標(biāo)

前端開發(fā)人員的目標(biāo)是確保所有用戶都可以訪問該網(wǎng)站或應(yīng)用，并在所有視圖中做出響應(yīng) —— 移動(dòng)和桌面。

后端開發(fā)人員的目標(biāo)是圍繞前端構(gòu)建程序，并提供所需的所有支持，并確保站點(diǎn)或應(yīng)用始終正常運(yùn)行。

前端與后端技術(shù)棧

前端

后端

編程語言

HTML，CSS，JavaScript

PHP，Python，SQL，Java，Ruby，.NET，Perl

框架

Angular.JS，React.JS，Backbone.JS，Vue.JS，Sass，Ember.JS，NPM

Laravel，CakePHP，Express，CodeIgniter，Ruby on Rails，Pylon，ASP.NET

數(shù)據(jù)庫

Local Storage, Core Data, SQLite, Cookies, Sessions

MySQL，Casandra，Postgre SQL，MongoDB，Oracle，Sybase，SQL Server

服務(wù)器

–

Ubuntu，Apache，Nginx，Linux，Windows

其他

AJAX，AMP，Atom，Babel，BEM，Blaze，Bourbon，Broccoli，Dojo，F(xiàn)lux，GraphQL，Gulp，Polymer，Socket.IO，Sublime Text

–

以下是世界上最流行的編程語言：1

前端 Vs 后端：誰是最好的？

除了所涉及的技術(shù)之外，你對(duì)前端與后端開發(fā)人員的選擇取決于開發(fā)人員最重要的因素。

如果對(duì)美學(xué)和產(chǎn)品的感覺對(duì)你來說至關(guān)重要，那么你會(huì)傾向于將前端技術(shù)作為職業(yè)和專業(yè)。另一方面，如果你關(guān)注提高網(wǎng)站、應(yīng)用程序或軟件的效率和響應(yīng)能力，那么你的方向就應(yīng)該是后端開發(fā)。

前端設(shè)計(jì)師所做的很大一部分工作就是讓用戶在移動(dòng)設(shè)備或 PC 屏幕上看到的東西看起來都很棒而且易于使用。相反，后端開發(fā)人員唯一關(guān)注的美學(xué)是編寫干凈的代碼。

如果你開始認(rèn)為在前端 Vs 后端中，兩者中任何一個(gè)基于我們上面談到的內(nèi)容都優(yōu)于另一個(gè)，那么這是一個(gè)錯(cuò)誤的假設(shè)。這兩個(gè)學(xué)科非常獨(dú)特，對(duì)于構(gòu)建網(wǎng)站或應(yīng)用程序同樣重要。

只是有些人對(duì)視覺方面有天賦，而有些人則對(duì)邏輯和技術(shù)問題解決的很好。由于史蒂夫·喬布斯（前端幻想家）以及史蒂夫·沃茲尼亞克（后端天才），蘋果成為了它的樣子。

前端與后端開發(fā)人員

現(xiàn)在你對(duì)前端和后端開發(fā)有了一個(gè)很好的認(rèn)識(shí)?，F(xiàn)在需要了解更多有關(guān)軟件開發(fā)人員的信息。下面我們提到了前端和后端開發(fā)人員職位、技能和職責(zé)的簡(jiǎn)要描述。

通過以下這些要點(diǎn)，充分了解后端和前端開發(fā)人員的能力。

前端 Vs 后端開發(fā)人員：職位名稱

作為開發(fā)人員有很多工作機(jī)會(huì)。根據(jù)你的專業(yè)知識(shí)、經(jīng)驗(yàn)和興趣領(lǐng)域，可以申請(qǐng)以下職位。

前端職位名稱：

前端開發(fā)人員
前端 Web 設(shè)計(jì)師
Android 開發(fā)人員
iOS 開發(fā)人員
前端 Dev. Ops
前端 JavaScript 應(yīng)用開發(fā)人員
前端 UI 開發(fā)人員
HTML / CSS 開發(fā)人員
前端測(cè)試 / QA
前端 SEO 專家
后端職位名稱：

后端開發(fā)人員

初級(jí)后端工程師
Web開發(fā)人員
DevOps
軟件工程師
WordPress 開發(fā)人員
云開發(fā)人員
REST API 專家
服務(wù)器/系統(tǒng)管理員
數(shù)據(jù)庫設(shè)計(jì)師 / 架構(gòu)師
Java 開發(fā)人員
Python 開發(fā)人員
PHP 開發(fā)人員
下圖顯示了 81,000 名認(rèn)為自己屬于那種開發(fā)人員的百分比。

前端與后端開發(fā)人員：所需技能

所需的高級(jí)技能，實(shí)際中會(huì)根據(jù)經(jīng)驗(yàn)和職稱進(jìn)行更改。但是成為前端或后端開發(fā)人員絕對(duì)需要。

前端開發(fā)所需的技能

后端開發(fā)所需的技能

對(duì)美學(xué)，藝術(shù)和設(shè)計(jì)有很好的理解

全面了解第三方附加組件

了解各種 CMS，如 WordPress，Joomla 或 Drupal

關(guān)于如何調(diào)試代碼的批判性理解

直觀的用戶需求

將客戶的業(yè)務(wù)需求轉(zhuǎn)換為功能代碼

PHP 和 OOP 知識(shí)（面向?qū)ο缶幊蹋?/p>

了解 Web 服務(wù)器配置

專業(yè)的質(zhì)量保證

兼容外部系統(tǒng)（支付處理，社交媒體網(wǎng)站）

能夠使用 PhotoShop，Sketch 或 Figma 等設(shè)計(jì)工具

批判性思維技巧

網(wǎng)絡(luò)托管基礎(chǔ)知識(shí)

設(shè)計(jì)用戶交互系統(tǒng)

前端與后端開發(fā)者：角色和責(zé)任

前端和后端開發(fā)人員的角色和職責(zé)是什么？在申請(qǐng)工作或雇用前端或后端開發(fā)之前，請(qǐng)務(wù)必仔細(xì)檢查這些內(nèi)容。

前端開發(fā)人員的角色和職責(zé)

后端開發(fā)人員的角色和職責(zé)

確保在各種瀏覽器中網(wǎng)站的可見性保持不變。

通過網(wǎng)站或應(yīng)用了解客戶的目標(biāo)，并提供有效的開發(fā)解決方案。

構(gòu)建一個(gè)視覺上吸引人的網(wǎng)站或應(yīng)用程序，并誘使用戶進(jìn)行交互。

安全地存儲(chǔ)數(shù)據(jù)并確保在請(qǐng)求時(shí)向該用戶顯示數(shù)據(jù)。

了解跨瀏覽器測(cè)試。

開發(fā)支付處理系統(tǒng)、安全存儲(chǔ)支付信息、并支付費(fèi)用。

熟練使用 HTML5 和 Dreamweaver 等工具。

管理和構(gòu)建（如有必要）跨設(shè)備工作的API資源。

對(duì)SEO的基本理解。

構(gòu)建系統(tǒng)架構(gòu)，進(jìn)行數(shù)據(jù)科學(xué)分析。

設(shè)計(jì)易于使用。

組織在多個(gè)設(shè)備上高效運(yùn)行的系統(tǒng)邏輯。

善于與客戶互動(dòng)并實(shí)施反饋。

解決系統(tǒng)相關(guān)問題和實(shí)現(xiàn)算法的技巧。

前端與后端開發(fā)人員：薪資比較

前端開發(fā)人員薪資
根據(jù) PayScale 提供的數(shù)據(jù)：

后端開發(fā)人員薪資
根據(jù) PayScale 提供的數(shù)據(jù)：

什么是全棧開發(fā)？

有些人可以同時(shí)掌握前端和后端開發(fā)技能。這樣的開發(fā)被稱為全棧開發(fā)人員。

學(xué)習(xí)或雇用全棧開發(fā)者有其自身的優(yōu)點(diǎn)和缺點(diǎn)?？梢园砷_發(fā)人員數(shù)量減少到一半，但專業(yè)水平也隨之降低了。專門從事前端或后端開發(fā)的開發(fā)人員一般比了解兩者的人對(duì)于單一學(xué)科更加專業(yè)。

還有各種類似于全棧的技術(shù)棧，如 MEAN 技術(shù)棧，LAMP 技術(shù)棧，.NET 技術(shù)棧，Python-Django 技術(shù)棧，ROR 技術(shù)棧開發(fā)人員可以成為任何這些技術(shù)堆棧的專家。