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

本教程操作環境：windows7系統、Dell G3電腦。

前端開發和后臺開發是有區別的，工作的內容和負責的東西是完全的不同的。

什么是web前端開發

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

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

什么是web后端開發

web后端，也稱為“服務器端”，是用戶在瀏覽器中無法查看和交互的所有內容，例如：數據庫和服務器。基本上，幕后發生的一切都可以歸結為Web后端開發，它是Web前端體驗的推動者。

web后端負責存儲和組織數據，并確保web前端的所有內容都能正常工作。后端與前端通信，發送和接收信息以顯示為網頁。

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

web前端和后端開發的區別

展示方式

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

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

所用技術

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

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

應用范圍

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

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

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

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

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

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

六、Desktop桌面應用軟件，就是我們日常生活中電腦中安裝的各類軟件。早期要開發桌面應用程序，就需要有專門的語言 UI (界面) 庫支持，如 C++ 中的 Qt 庫、MFC 庫，Java 的 Swing、Python 的 PyQT 等，否則語言是沒辦法進行快速界面開發。

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

（學習視頻分享：web前端入門）