[ week 1 ] 前端、後端的差異?


Posted by vick12052002 on 2020-06-19

提到前後端的差異,必須提到三個角色「 瀏覽器 」、「 Server 」、「 資料庫 」。
常見在使用者在搜尋引擎上,搜尋指定關鍵字,實際上三大角色貫穿一切流程,簡單流程如下:

  1. 使用者透過瀏覽器來搜尋關鍵字,瀏覽器發送 Request 給 Server,
  2. Server 要求資料庫給予指定關鍵字的 data
  3. 資料庫收到 Request 後開始動作
  4. 資料庫 response 給 Server 整理好的資料
  5. Server 再把資料庫整理好的資料 response 給瀏覽器
  6. 收到 response 的瀏覽器,開始解析這些資料,進行處理及渲染相對應的文件,

三大角色完成了一連串 Request 與 response ,就是我們搜尋完關鍵字的網頁。
當中提到的「 瀏覽器 」,可以看成前端,而「 資料庫 」就是我們的「 後端 」。


什麼是「 前端 」?

  • 前端 - 泛指網頁上看得到的東西,包括在瀏覽器網頁時所接觸到的視覺內容從字體到顏色、網頁每個區塊、互動的功能等等,都屬於前端的領域,又稱為前台。這些視覺的內容都是經由瀏覽器的解析、處理、渲染對應的 HTML、css、Javascript 文件所呈現出來的。

    而且前端必學的三大基礎也就是 「HTML、css、Javascript」

    • HTML(HyperText Markup Language,超文本標記語言)- 是打造網頁的基石。它表述並定義網頁的內容配合 css(網頁的衣服)與 JavaScript (網頁的互動),來建立使用者體驗比較好的網頁。

    • cssHTML的衣服,描述網頁外觀(CSS)

    • JavaScript網頁的互動,功能性的程式語言

    css、Javascript 分別有一些方便開發者開發而演出來已經制定好一套規範,就稱為「 框架 framework 」,css 中比較著名的有「 bootstrap 」。
     bootstrap
    前端三大框架
    而 Javascript,目前市場上前端三大框架 「React、Vue、Angular」,為什麼會特別強調目前,因為前端的世界變化很快,哪天又出現哪個更方便、或更完上的框架出現,就陸續會有一些框架被淘汰。


什麼是「 後端 」?

  • 後端 -就是網頁上看不到的東西,後端的工作著重在於資料的處理(接收前端的要求並給予相對應的資料),雖說是看網頁上看不到的東西,但後端是非常重要的,要如何讓伺服器在茫茫資料海中,最「 快速地 」做出適合的運算,提供使用者想要的資料。為了達到這個目標,後端工程師必須要建立並優化伺服器的性能、程式碼邏輯、以及資料庫結構

    而後端可使用的語言蠻多種類的,常見的有老牌的 PHP、Java,最近十分熱門的 Python、Ruby,來勢洶洶的 Node.js、Go 等等。


#Front-End #back-end







Related Posts

資訊安全:XSS

資訊安全:XSS

Vue.js 學習旅程Mile 6 – 資料單向綁定篇:v-text & v-html

Vue.js 學習旅程Mile 6 – 資料單向綁定篇:v-text & v-html

部署 Node.js app 在 Heroku

部署 Node.js app 在 Heroku


Comments