1. 前端(Front-End) 是什么？
當(dāng)你打開(kāi)一個(gè)網(wǎng)站，看到酷炫的動(dòng)態(tài)效果吸引你看更多資訊，或在瀏覽整個(gè)網(wǎng)站時(shí)點(diǎn)擊按鈕會(huì)出現(xiàn)提示資訊，按箭頭又會(huì)滑到下一個(gè)畫面，看到最底端點(diǎn)按鈕又會(huì)咻咻咻滑回頂端，這些都是屬于前端的范疇。如果把前端比喻為網(wǎng)站建置工程里的魔法師再恰當(dāng)不過(guò)了！?透過(guò)程式碼?(??咒語(yǔ)?)??讓畫面變得生動(dòng)又流暢?(??奇幻?)?。
2. 后端(Back-End) 是什么？
現(xiàn)在已經(jīng)有不少網(wǎng)站是有建置后臺(tái)的，也就是讓網(wǎng)站管理者可以直接上傳圖片、文字到網(wǎng)站前臺(tái)畫面顯示。又或者，當(dāng)使用者留言、買東西下訂單、加入會(huì)員時(shí)，這些內(nèi)容又怎么讓管理者知道呢？?這就是后端掌控的范圍了！所有網(wǎng)站的資料內(nèi)容都會(huì)透過(guò)后端的程式存放到網(wǎng)站的資料庫(kù)內(nèi)，資料庫(kù)就像一個(gè)大型的倉(cāng)庫(kù)，里頭會(huì)分門別列儲(chǔ)存著資料，當(dāng)有需求時(shí)，會(huì)再透過(guò)后端程式將這些資料送往前端的畫面中。
舉個(gè)例子：當(dāng)前端魔法師說(shuō)『我的客人需要看10?件最新商品喔～?』這時(shí)，后端總管大人就會(huì)跑去倉(cāng)庫(kù)，找出最新的10?件商品，再把這些交給前端魔法師。?最后由前端魔法師變出發(fā)著光的柜子，擺放這些商品給客人看。這也就是使用者所看到的內(nèi)容了，?而這整段過(guò)程就是前端和后端的分工合作的關(guān)系了！
3. 前端程式語(yǔ)言簡(jiǎn)介
既然已經(jīng)了解了前端的工作，那有哪些程式語(yǔ)言可以做這些工作呢？前端最主要由三大部分組成：HTML+CSS+JS
?
HTML
全名是超文件標(biāo)簽語(yǔ)言(HyperText Markup Language)，透過(guò)很多的HTML標(biāo)簽建立起整個(gè)網(wǎng)站的架構(gòu)，也就是整個(gè)畫面的骨架都是靠HTML這個(gè)程式去打造的。CSS
全名是層疊樣式表(Cascading Style Sheets)，定義整個(gè)網(wǎng)站的所有樣貌就是CSS的工作。就像是神奇化妝師，幫建立好的骨架涂上發(fā)色、皮膚深淺、衣服樣式、手臂粗細(xì)，這也就是網(wǎng)站畫面中，呈現(xiàn)給使用者看的字級(jí)、顏色、粗細(xì)、間隔。JS
全名是JavaScript，主要的工作就是幫網(wǎng)站做好所有的互動(dòng)行為。作為網(wǎng)站和使用者行為的中間者，當(dāng)你希望使用者點(diǎn)擊或滑動(dòng)到某個(gè)特定的地方有產(chǎn)生變化時(shí)，這時(shí)就是要透過(guò)JavaScript去達(dá)成這項(xiàng)艱難的挑戰(zhàn)！而網(wǎng)站上所看到的動(dòng)態(tài)效果主要就是包含在JS的程式控制范圍里。同時(shí)，JavaScript也會(huì)透過(guò)jQuery更精簡(jiǎn)的寫出來(lái)，而目前的JavaScript三大框架包含Angular.js、Vue.js、React.js，使用適當(dāng)?shù)目蚣芸梢宰屨麄€(gè)開(kāi)發(fā)流程更為快速與順暢。
4. 后端程式語(yǔ)言簡(jiǎn)介
前面我們已經(jīng)有介紹后端工作有多重要了，那常用的程式有哪些呢？目前有多種語(yǔ)言都被各自的擁護(hù)者大力推薦，也都有幾個(gè)龍頭網(wǎng)站各自開(kāi)發(fā)使用，因此要衡量整體網(wǎng)站的需求，才能準(zhǔn)確選擇適合自己的工具！
以下現(xiàn)今主要后端程式語(yǔ)言：
PHP?:目前使用者最多的后端語(yǔ)言，老牌后端程式。
使用網(wǎng)站有：WordPress、FacebookPython?:資料分析應(yīng)用多。
使用網(wǎng)站有：InstagramRuby?:開(kāi)發(fā)快速。
使用網(wǎng)站有：Airbnb、TwitterNode.js?:速度快，前后端可以一起使用。
使用網(wǎng)站有：阿里巴巴、YahooGo?:效能好，速度快。
使用網(wǎng)站有：Google、Youtube
