引言

不太清楚前端和后端是什么意思？

您是否想學習更多關(guān)于編程技術(shù)的知識，但又不確定從哪里開始？一個好的開始是了解前端開發(fā)和后端開發(fā)之間的區(qū)別。

一些專業(yè)的技術(shù)術(shù)語可能會令人困惑。

但請不用擔心，我們將找出前端和后端之間的主要區(qū)別。

這篇文章將告訴您每個開發(fā)過程都涉及到什么。我們還會讓您了解它們背后的主要語言。

當您聽到前端開發(fā)工程師這種叫法時，他們的工作通常是負責讓用戶看到頁面上的各種信息以及與這些信息進行交互。

前端開發(fā)的工作包括了從 Web 的設(shè)計、結(jié)構(gòu)和布局到內(nèi)容的交互、展現(xiàn)等相關(guān)內(nèi)容。當一個新用戶點擊一個網(wǎng)站或者一個應(yīng)用程序 (小程序、App 前端展現(xiàn)、Web 后臺展現(xiàn)) 時，前端的展現(xiàn)及體驗是他們對公司或品牌的第一印象，所以具備友好的用戶體驗 (UX) 設(shè)計能力是必不可少的。

現(xiàn)在我們知道了前端在網(wǎng)站或者應(yīng)用程序開發(fā)中扮演著重要的角色，現(xiàn)在就讓我們來看看前端開發(fā)所使用的一些主要編碼語言 (html , 準確的講不是編程語言，所以這里用編碼語言)。

前端編碼語言

前端工程師們使用 3 種主要的前端工具來創(chuàng)建項目，它們分別是：HTML 、css 和 JAVAScript 。

HTML 是超文本標記語言，它負責內(nèi)容的呈現(xiàn)。HTML 定義了我們每次訪問網(wǎng)站的時候，在瀏覽器中所能看到的網(wǎng)頁結(jié)構(gòu)。

層疊樣式表 (CSS) 是一種樣式語言。它允許我們無需編寫復雜的 HTML 就可以為網(wǎng)站提供視覺效果。CSS 允許您修改在 HTML 中創(chuàng)建的元素樣式。例如文字顏色，圖片邊框等，它將設(shè)計元素添加到 Web 頁面和應(yīng)用程序中。

JavaScript 是前端開發(fā)的重要編程語言。它允許您用動畫、交互性和動態(tài)視覺效果增強 HTML 。它具有向用戶提供即時反饋的能力，使 web 頁面更有生命力和洞察力，例如，您忘記填寫了某些信息就點擊了發(fā)送按鈕，這時 JavaScript 會馬上告訴您，并將頁面定位到您未填寫的信息在頁面中所處的位置。

再比如，網(wǎng)站上的購物車是一個交互式 JavaScript 設(shè)計，它可以計算您即將購買產(chǎn)品的訂單總金額。

關(guān)于后端您也要有所了解

前端是對網(wǎng)站外觀、交互設(shè)計的感官體驗，而后端是用戶看不到的，它在網(wǎng)站或應(yīng)用程序背后提供數(shù)據(jù)處理服務(wù)。

前端所展現(xiàn)的內(nèi)容，有可能就是后端提供的，例如您正在看一篇新聞，前端只負責請求您要看的內(nèi)容，同時將它展示到頁面上。

后端從應(yīng)用程序收集數(shù)據(jù)，比如您創(chuàng)作了一篇文章，點擊發(fā)布按鈕，這時后臺會接收到您的請求，緊接著它會處理這些信息，如過濾敏感信息、將文章存到數(shù)據(jù)庫等。

還有一個詳細的例子，如果您準備預訂航班，您在網(wǎng)站上輸入您的信息，這些信息將存儲在服務(wù)器上創(chuàng)建的數(shù)據(jù)庫中，這些數(shù)據(jù)將用來處理預訂航班。所有這些階段都是后端開發(fā)的一部分。

后端開發(fā)人員負責構(gòu)建數(shù)據(jù)存儲、處理、交互、反饋的一套流程。他們確保網(wǎng)站或應(yīng)用程序的平穩(wěn)和高效運行，所以他們的作用同樣至關(guān)重要。

常用的后端開發(fā)技術(shù)有 Java 、php 、Python 、GO 、NodeJS 等。如果您打算從事后端開發(fā)，您可以先找些資料，嘗試了解一下它們，看看它們各自的優(yōu)勢，最后再做技術(shù)選型。

理論上講，你不必把后端這些語言全部學會，精通一門，就可以嘗試開發(fā)了。相比前端，你需要把 Html 、CSS 、JavaScript 全部學會，才能嘗試開發(fā)出一套完整應(yīng)用程序的前端部分。

總結(jié)

希望這篇文章能夠幫助您了解前端和后端的區(qū)別，這樣您就可以更多地去了解軟件開發(fā)的每個階段所涉及的技術(shù)。

文章中的圖片來源于網(wǎng)絡(luò)，若有侵權(quán)行為，請在后臺與我聯(lián)系。

最近在國外博客上看到一篇文章挺不錯的，我希望可以分享給大家，獻給那些想學習更多編程知識，卻又不知從何入手的朋友。

本文來源：codeinstitute.net

譯者：坤坤無憂

原文地址：
https://codeinstitute.net/blog/frontend-backend-development