前端網頁設計程式語言

HTML

(HyperText Markup Language)

超文字標示語言，很常用來做為網頁設計初學者的入門語言，也是網頁的基本架構。

HTML前端網頁設計語言，適用於:

1.想要更好的操控SEO關鍵字排名

2.移植性高

3.可以加入多種多媒體元素

CSS

(Cascading Style Sheets)

層疊樣式表，具有標準化的W3C規範，新手入門也非常適合，用來搭配HTML、XML的樣式套用、排版。

CSS前端網頁設計語言，適用於:

1.需要上架在各種平台、瀏覽器，CSS大部分都能正確存取，兼容性高

2.想要加快網頁載入速度，較簡單的開發及維護

3.需要團隊多人分工，CSS框架完整，效率高

JS

(JavaScript)

一種腳本，在網頁設計中，可以生動的活起來，較為複雜的動態功能透過JS更好的呈現。前提是要先基本的認識HTML、CSS這兩種網頁設計語言，才比較好上手Js喔

JS前端網頁設計語言，適用於:

1.想讓網頁動起來，不這麼單調，增加功能

2.和HTML結合，直接嵌入script標籤中執行

3.測試代碼容易，維護較簡單

Jquery

是JS的函式庫，建立動畫效果首選，免費使用，讓網頁互動更高。

Jquery前端網頁設計語言，適用於:

1.想要增添網頁動畫

2.需要較多功能互動

3.喜歡使用框架，不想寫太多程式碼

Sass

(Syntactically Awesome Stylesheets)

CSS預處理器，是可以提升寫CSS效率的網頁設計程式語言，加入許多功能，但學起來比較困難一些。

Sass前端網頁設計語言，適用於:

1.覺得CSS開發效率太低，想更好管理CSS

2.想寫較少的程式碼

3.想要提升程式的組織與維護性

RWD

(Responsive Web design)

Foundation

CSS框架，適用於RWD網頁設計切版，初學者友善，提供很多可以直接套用的代碼。

Foundation前端網頁設計語言，適用於:

1.初學者想要入門

2.時間短，需要快速開發

3.以Mobile優先的網站開發

Boostrap

Twitter開發的，普遍使用的RWD切版框架，提供豐富的設計元素，速度及客製化也較為優秀。

Boostrap前端網頁設計語言，適用於:

1.想直接套用速成的樣板，有很多資源可以使用

2.跨瀏覽器使用，因相容性極高

3.跨設備使用

Pure

Yahoo開發，互動特效較少，檔案輕巧，屬於非常基本使用的網頁設計框架切版語言

Pure前端網頁設計，適用於:

1.沒有要用太多互動特效

2.追求檔案輕巧

後端網頁設計程式語言

PHP

(Hypertext Preprocessor) 

超文字預處理器，可以嵌入HTML來使用，PHP的語法參考了Perl、C語言，對程式設計師來說學習起來較為上手，且內建多樣化的函式，以及在伺服器端執行，跨平台能力強，所以在後端網頁設計程式語言中相當盛行。

PHP後端網頁設計程式語言，適用於:

1.需要跨多種平台的開發中，因PHP在Server端執行

2.想要把程式碼直接嵌入HTML中

3.喜歡運用多種函式庫

Python

一種被廣泛使用的高階程式語言，屬於直譯式語言，物件導向、函數式、命令式的編程都有囊括在內，在網頁設計中，使用Pyphon相對功能較為精緻，數據處理能力較強。

Python後端網頁設計程式語言，適用於:

1.網頁開發中著重於資料處理時

2.想要取用多種已開發框架，網頁設計開發更快速

3.需要運用大數據、機器學習等運算時

Ruby

內含有多種程式語言集結於一身，純物件導向的語言。

靈活度很高，可以讓後端網頁設計師開發時，有較多的空間去靈活的修改程式

Ruby後端網頁設計語言，適用於:

1.希望具有高度移植性與靈活運用的空間開發

2.想要使用例外處理功能來除錯

3.偏好使用物件導向

Go

較為直覺的語言，命名原則相較於其他程式語言較為嚴謹，為google所開發的語言。

GO後端網頁設計語言，適用於:

1.想要有內建垃圾處理功能的語言

2.對於程式碼想要自由的修改，GO開放原始碼

一種動態網頁開發技術，可以插入HTML中，製作動態的網頁，並非靜態網頁。

讀取資料庫、記錄使用者的選擇動作等，都可以透過JSP去做到。

JSP後端網頁設計語言，適用於:

1.想直接在HTML中做到動態網頁

2.非MS平台也可以使用