首先了解一下什麼是網絡應用程序（web app）
網絡應用 就是運行在網絡環境下的應用程序，大體來說可以分爲兩大類: C/S結構和B/S結構
B/S和C/S都是隨着互聯網的發展而出現的一種網絡結構模式，而其用的非常廣泛，在我們生活中都很常見。那它們到底是什麼呢？接下來就詳細的介紹一下B/S和C/S。
B/S結構和C/S結構
一、B/S結構
B是英文單詞“Browser”的首字母，即瀏覽器的意思；S是英文單詞“Server”的首字母，即服務器的意思。B/S就是“Browser/Server”的縮寫，即“瀏覽器/服務器”模式。
B/S結構是隨着互聯網的發展，web出現後興起的一種網絡結構模式。這種模式統一了客戶端，讓核心的業務處理在服務端完成。你只需要在自己電腦或手機上安裝一個瀏覽器，就可以通過web Server與數據庫進行數據交互。
這下是不是明白了“B/S”結構是什麼了呢？大家是不是每天都在使用這種結構呢？在手機或電腦上用瀏覽器上百度搜索、看新聞等就是在使用“B/S”結構進行數據交互。
B/S結構
這種“B/S”結構有很多好處，維護和升級方式更簡單，客戶端是瀏覽器，基本不需要維護，只需要維護升級服務器端就可以，當然還有很多好處，在這就不一一介紹了。
二、C/S結構
C是英文單詞“Client”的首字母，即客戶端的意思，C/S就是“Client/Server”的縮寫，即“客戶端/服務器”模式。
C/S結構是一種軟件系統體系結構，也是生活中很常見的。這種結構是將需要處理的業務合理地分配到客戶端和服務器端，這樣可以大大降低通信成本，但是升級維護相對困難。比如我們手機中安裝的微信、qq、王者榮耀等應用程序就是C/S結構。
三、B/S結構和C/S結構的區別
硬件環境不同，C/S通常是建立在專用的網絡上，小範圍的網絡環境。而B/S是建立在廣域網上的，適應範圍強，通常有操作系統和瀏覽器就行；
C/S結構比B/S結構更安全，因爲用戶羣相對固定，對信息的保護更強；
B/S結構維護升級比較簡單，而C/S結構維護升級相對困難；
我們這學期學習的《網站前臺技術》是屬於B/S結構web app的開發。
當然我們知道一個應用app在邏輯上都可以分爲三大部分即：現實邏輯UI(presentation logic),業務邏輯（business logic）和數據。
我們主要在第一個部分就是顯示邏輯，因爲這部分的運行環境爲瀏覽器（即前端或客戶端）我們一般把這部分技術稱爲前端技術
