區(qū)別：1、前端指的是用戶可見的界面，后端是指用戶看不見的東西，考慮的是底層業(yè)務(wù)邏輯的實現(xiàn)，平臺的穩(wěn)定性與性能等。2、前端開發(fā)用到的技術(shù)包括html5、css3、js、jquery、Bootstrap、Node.js、Vue等；而后端開發(fā)用到的是java、php、Http協(xié)議等服務(wù)器技術(shù)。3、從應(yīng)用范圍來看，前端開發(fā)不僅被常人所知，且應(yīng)用場景也要比后端廣泛的太多太多。

本教程操作環(huán)境：windows7系統(tǒng)、Dell G3電腦。

前端開發(fā)和后臺開發(fā)是有區(qū)別的，工作的內(nèi)容和負責(zé)的東西是完全的不同的。

什么是web前端開發(fā)

web前端也被稱為“客戶端”，是關(guān)于用戶可以看到和體驗的網(wǎng)站的視覺方面，即用戶所看到的一切Web瀏覽器展示的內(nèi)容，涉及用戶可以看到，觸摸和體驗的一切。例如圖形用戶界面（GUI）和命令行，包括設(shè)計，導(dǎo)航菜單，文本，彩色圖像，視頻，華麗的按鈕等。

web前端開發(fā)工程師負責(zé)是網(wǎng)站前端頁面也就是網(wǎng)頁的頁面開發(fā)，簡單的說網(wǎng)站前端負責(zé)是東西是網(wǎng)站用戶可見的東西，如網(wǎng)頁上的特效、網(wǎng)頁的布局、圖片、視頻等內(nèi)容。網(wǎng)站前端工程師的工作內(nèi)容就是將美工設(shè)計的效果圖的設(shè)計成瀏覽器可以運行的網(wǎng)頁，并和后端開發(fā)工程師配合做網(wǎng)頁的數(shù)據(jù)顯示和交互。

什么是web后端開發(fā)

web后端，也稱為“服務(wù)器端”，是用戶在瀏覽器中無法查看和交互的所有內(nèi)容，例如：數(shù)據(jù)庫和服務(wù)器?；旧希缓蟀l(fā)生的一切都可以歸結(jié)為Web后端開發(fā)，它是Web前端體驗的推動者。

web后端負責(zé)存儲和組織數(shù)據(jù)，并確保web前端的所有內(nèi)容都能正常工作。后端與前端通信，發(fā)送和接收信息以顯示為網(wǎng)頁。

后端開發(fā)一般也叫做后臺，其負責(zé)是網(wǎng)站后臺邏輯的設(shè)計和實現(xiàn)還有用戶及網(wǎng)站的數(shù)據(jù)的保存和讀取。比如一般網(wǎng)站都是有用戶注冊和登錄的，用戶的注冊的信息通過前端發(fā)送給后端，后端將其保存在數(shù)據(jù)庫中，用戶登錄網(wǎng)站的時候，后端需要通過用戶輸入的用戶名和密碼是否與數(shù)據(jù)庫中的一致來判斷用戶是否有權(quán)限登錄，這是后臺開發(fā)中的一個最簡單的功能。

web前端和后端開發(fā)的區(qū)別

展示方式

前端指的是用戶可見的界面，網(wǎng)站前端頁面也就是網(wǎng)頁的頁面開發(fā)，比如網(wǎng)頁上的特效、布局、圖片、視頻，音頻等內(nèi)容。前端的工作內(nèi)容就是將美工設(shè)計的效果圖的設(shè)計成瀏覽器可以運行的網(wǎng)頁，并配合后端做網(wǎng)頁的數(shù)據(jù)顯示和交互等可視方面的工作內(nèi)容。

后端是指用戶看不見的東西，通常是與前端工程師進行數(shù)據(jù)交互及網(wǎng)站數(shù)據(jù)的保存和讀取，相對來說后端涉及到的邏輯代碼比前端要多的多，后端考慮的是底層業(yè)務(wù)邏輯的實現(xiàn)，平臺的穩(wěn)定性與性能等。

所用技術(shù)

前端開發(fā)用到的技術(shù)包括但不限于html5、css3、javascript、jquery、Bootstrap、Node.js 、Webpack，AngularJs，ReactJs，VueJs等技術(shù)。

后端開發(fā) 以java為例 主要用到的 是包括但不限于Struts spring springmvc Hibernate Http協(xié)議 Servlet Tomcat服務(wù)器等技術(shù)。

應(yīng)用范圍

從應(yīng)用范圍來看，前端開發(fā)不僅被常人所知、且應(yīng)用場景也要比后端廣泛的太多太多。

一、PC (Personal Computer) 即個人電腦。目前電腦端仍是前端一個主要的領(lǐng)域，主要分為面向大眾的各類網(wǎng)站，如新聞媒體、社交、電商、論壇等和面向管理員的各種 CMS (內(nèi)容管理系統(tǒng))和其它的后臺管理系統(tǒng)。

二、Web App 是指使用 Web 開發(fā)技術(shù)，實現(xiàn)的有較好用戶體驗的 Web 應(yīng)用程序。它是運行在手機和桌面端瀏覽中，隨著移動端網(wǎng)絡(luò)速度的提升，Web App 為我們提供了很大的便利。此外近兩年 Google 提出了一種新的 Web App 形態(tài)，即 PWA(漸進增強 Web APP) 。

三、WeChat (微信) 這個平臺，擁有大量的用戶群體，因此它也是我們前端開發(fā)另一個重要的領(lǐng)域。微信的公眾號與訂閱號為市場營銷和自媒體從業(yè)者，打造了一個新的天地。

四、Hybrid App (混合應(yīng)用) 是指介于 Web App、原生 App (主要是 Android 或 iOS )之間的 App，它兼具原生 App 良好用戶交互體驗的優(yōu)勢和 Web App 跨平臺開發(fā)的優(yōu)勢。

五、Game（游戲），HTML5 游戲從 2014 年 Egret 引擎開發(fā)的神經(jīng)貓引爆朋友圈之后，就開始一發(fā)不可收拾。不過現(xiàn)在游戲開發(fā)變得越來越復(fù)雜，需要制作各種炫麗炫麗的效果，還要制作各炫麗于 2D 或者 3D 的場景。

六、Desktop桌面應(yīng)用軟件，就是我們?nèi)粘Ｉ钪须娔X中安裝的各類軟件。早期要開發(fā)桌面應(yīng)用程序，就需要有專門的語言 UI (界面) 庫支持，如 C++ 中的 Qt 庫、MFC 庫，Java 的 Swing、Python 的 PyQT 等，否則語言是沒辦法進行快速界面開發(fā)。

七、Server Node.js 一發(fā)布，立刻在前端工程師中引起了軒然大波，前端工程師們幾乎立刻對這一項技術(shù)表露出了相當大的熱情和期待?？吹?Node.js 這個名字，初學(xué)者可能會誤以為這是一個 Java 應(yīng)用，事實上，Node.js 采用 C++ 語言編寫而成，是一個 Java 的運行環(huán)境。

（學(xué)習(xí)視頻分享：web前端入門）