人與人之間靠語言進行交流溝通，讓人類不斷的進步，語言不光存在于我們人類世界中，也同樣存在于互聯網的世界中，只是交流的對象發生了變化，是機器與機器之間的交流，這類語言我們統稱為編程語言，現在我們所看到互聯網上所有的網站、APP都是由編程語言構成，在我們網站建設中我們也要必須了解一些常見的網頁編程語言種類和常識，讓我們更好的理解網站。

1. 前端(Front-End) 是什么?

當你打開一個網站，看到酷炫的動態效果吸引你看更多資訊，或在瀏覽整個網站時點擊按鈕會出現提示資訊，按箭頭又會滑到下一個畫面，看到最底端點按鈕又會咻咻咻滑回頂端，這些都是屬于前端的范疇。如果把前端比喻為網站建置工程里的魔法師再恰當不過了! 透過程式碼 ( 咒語 ) 讓畫面變得生動又流暢 ( 奇幻 ) 。

2. 后端(Back-End) 是什么?

現在已經有不少網站是有建置后臺的，也就是讓網站管理者可以直接上傳圖片、文字到網站前臺畫面顯示。又或者，當使用者留言、買東西下訂單、加入會員時，這些內容又怎么讓管理者知道呢? 這就是后端掌控的范圍了!所有網站的資料內容都會透過后端的程式存放到網站的資料庫內，資料庫就像一個大型的倉庫，里頭會分門別列儲存著資料，當有需求時，會再透過后端程式將這些資料送往前端的畫面中。

舉個例子：當前端魔法師說『我的客人需要看10 件最新商品喔～ 』這時，后端總管大人就會跑去倉庫，找出最新的10 件商品，再把這些交給前端魔法師。 最后由前端魔法師變出發著光的柜子，擺放這些商品給客人看。這也就是使用者所看到的內容了， 而這整段過程就是前端和后端的分工合作的關系了!

3. 前端程式語言簡介

既然已經了解了前端的工作，那有哪些程式語言可以做這些工作呢?前端最主要由三大部分組成：HTML+CSS+JS

HTML

全名是超文件標簽語言(HyperText Markup Language)，透過很多的HTML標簽建立起整個網站的架構，也就是整個畫面的骨架都是靠HTML這個程式去打造的。

CSS

全名是層疊樣式表(Cascading Style Sheets)，定義整個網站的所有樣貌就是CSS的工作。就像是神奇化妝師，幫建立好的骨架涂上發色、皮膚深淺、衣服樣式、手臂粗細，這也就是網站畫面中，呈現給使用者看的字級、顏色、粗細、間隔。

JS

全名是JavaScript，主要的工作就是幫網站做好所有的互動行為。作為網站和使用者行為的中間者，當你希望使用者點擊或滑動到某個特定的地方有產生變化時，這時就是要透過JavaScript去達成這項艱難的挑戰!而網站上所看到的動態效果主要就是包含在JS的程式控制范圍里。同時，JavaScript也會透過jQuery更精簡的寫出來，而目前的JavaScript三大框架包含Angular.js、Vue.js、React.js，使用適當的框架可以讓整個開發流程更為快速與順暢。

4. 后端程式語言簡介

前面我們已經有介紹后端工作有多重要了，那常用的程式有哪些呢?目前有多種語言都被各自的擁護者大力推薦，也都有幾個龍頭網站各自開發使用，因此要衡量整體網站的需求，才能準確選擇適合自己的工具!

以下現今主要后端程式語言：

PHP :目前使用者最多的后端語言，老牌后端程式。

使用網站有：WordPress、Facebook

Python :資料分析應用多。

使用網站有：Instagram

Ruby :開發快速。

使用網站有：Airbnb、Twitter

Node.js :速度快，前后端可以一起使用。

使用網站有：阿里巴巴、Yahoo

Go :效能好，速度快。

使用網站有：Google、Youtube