什麼是前端?什麼是後端?

Blog / August 9th 2019

今天要跟大家聊聊到底什麼是前端、後端、全端。其實並不是後面加了「工程師」三個字就都是做網頁的喔~前端和後端做的事情完全不一樣,在學習之前區分清楚很重要!

 

什麼是前端?

當你在逛一個網站的時候,會看到漂亮的頁面、比如有圖片和排版等等,或是一些互動,可以點擊連結、按鈕,這些畫面&與使用者的互動功能就是前端工程師的工作,就像把一道菜端到客人面前讓客人享用一樣。

什麼是後端?

後端主要著重在功能與資料儲存。比方說註冊會員、登入,在電商網站下單購物也是後端的工作,那什麼又是資料儲存呢?前面所講的這些功能做完之後會產生很多資料,就要把它儲存下來,就像註冊完會員之後會產生帳號密碼,下單購物之後就會有訂單資料,這些都是必須儲存起來的資料。

什麼是全端?

就是前端+後端啦XD

 

為什麼要區分前後端?區分依據又是什麼?
這邊要提到2個不同的角色:1.Server/網路主機   2.使用者

Server是存放我們寫好的程式碼,讓它們可以運作的地方,當使用者輸入網址連到Server時,就能看到Server上的網頁,此時Server就默默開始運作,執行程式與儲存資料,這裏就是所謂的「後端Back-End」,處理完之後的結果再印出來呈現給使用者看,丟到使用者面前的結果就是「前端Front-End」,所以後端負責邏輯運算、儲存資料,呈現給使用者的結果與畫面就是前端囉~

 

前端/ 後端使用什麼技術?

前端主要使用:HTML / CSS / JavaScript

HTML就是網站畫面的架構,CSS負責美化架構,比如調整間距、排版等,JavaScript是做與使用者的互動,比如點擊按鈕之後會出現什麼;另外前端也有一些衍伸技術,像手機版網頁、Bootstrap等,讓開發更順利。

後端語言比較多,比如PHP、Python、Ruby on Rails等,初期建議先選定一種來學習,再來就是選擇搭配的資料庫,像PHP所搭配的資料庫是MySQL,基本上只要先學好一組搭配就可以來做後端囉。

 

為什麼前後端差這麼多?

所以前後端最最主要的差異就是:有沒有寫程式

咦~那前端不也是打一堆程式碼嗎?為什麼會這麼說呢?首先我們要先定義什麼是程式,必須有邏輯性存在才是程式喔~前端所做的其實就是「所見即所得」,比如標題是什麼、圖片要多大等等,這是「陳述」,而不是「邏輯」;所以前後端所要使用的腦也不太一樣,前端需要使用比較多美術腦、設計腦,後端則需要邏輯思考腦。

 

看課程介紹👇🏻

前端:網頁基礎15天

全端(前端 + 後端基礎):全端初體驗

後端框架:PHP Laravel 使用手冊

background

網頁基礎15天

輕鬆、快速
學會網頁技術

瀏覽課程