今天給大家帶來的是大資料開發基礎的WEB基本原理及常用開發工具的瞭解，無論是在日常生活中還是在工作辦公中，我們總是會瀏覽到各種各樣的網頁，比如淘寶、微博、知乎，我們的直觀感受就是點一下進入一個頁面或者滑動瀏覽頁面，而他們是如何構成就是今天主要的講解內容－WEB。
1.什麼是WEB?
WEB即world wide web，我們所熟知的WWW就是由這三個單詞的首字母組成的，也就是一種體系結構，它是建立在Internet之上並且駐留在某種計算機上的程式，透過它可以訪問遍佈於因特網（internet）主機上的連結文件。這裡就不做過多贅述了。
2.WEB基本原理
客戶端和Web伺服器透過HTTP協議進行通訊。Web伺服器有是也叫HTTP伺服器或Web容器。HTTP協議採用的是請求/響應模式。即客戶端發起HTTP請求，web伺服器接收並解析處理HTTP請求，然後將HTTP響應傳送給客戶端。
比如
(1) 使用者做出了一個操作，然後瀏覽器獲取了該事件。
(2) 瀏覽器與對端服務程式建立TCP連線。
(3) 瀏覽器將使用者的事件按照HTTP協議格式整合成一個數據包，其本質也就是在待發送的緩衝區裡有一段寫著HTTP協議格式的位元組流
(4) 瀏覽器確認對端可操作，並將該資料包輸入至Internet，資料包經過internet最終到達對端服務程式。
(5) 對端服務程式拿到資料包後，以同樣的HTTP協議格式解壓資料包，以此來獲知客戶端的需求。
(6) 在瞭解需求之後進行下一步操作。
(7) 將需求的結果輸入緩衝區。
(8) 按照HTTP協議格式將需求的結果中的資料打包。
(9) 伺服器確認對端可寫，緊接著將該資料包輸入至Internet，該資料包經過網路最終遞交到客戶端。
(10) 瀏覽器拿到資料包後，以HTTP協議格式解包，然後再解析資料。
(11) 瀏覽器將解析後的資料展示在頁面上。
簡單來看就如下圖
這就是WEB的基本工作原理，看似繁多實則就三步：
1.接收資料 2. 傳送資料 3. 資料處理
上面我們瞭解到了WEB的基本工作原理，那下面我們就來認識下WEB常用的開發工具，好墨配好硯，我們也得需要選擇更合適自己的WEB開發工具。
3. WEB常用開發工具
（1）WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智慧的JavaScript IDE”等。有許多方便適用的功能，如支援眾多語言和框架、程式碼補全、多個插入符號和選擇等功能，這麼多人推薦是並無道理的。
（2）Visual Studio Code
Visual Studio Code（簡稱：Vscode）該編輯器也是一款集大成的編輯器，具備多種功能，支援多種語言，可定製的熱鍵繫結，括號匹配以及程式碼片段收集。
（3）Notepad++
Notepad++ 是一款非常有特色的編輯器，是開源軟體，可以免費使用。我們開發人員都是必備的。支援的語言: C, C++ , Java , C#, XML, HTML, PHP,Javascript!
（4）HBuilder
HBuilder是專為前端打造的開發工具，具有飛一樣的編碼、最全的語法庫和瀏覽器相容資料、可以方便的製作手機APP、最保護眼睛的綠柔設計等特點。支援HTML、CSS、JS、PHP的快速開發。
（5）Bootstrap
Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合作基於HTML、CSS、JavaScript 開發的，它是一個 CSS 和HTML 的集合，它使用了最新的瀏覽器技術，簡潔、直觀、強悍的前端開發框架是它最讓我喜歡的特點。
（6）notepad++
軟體小巧高效，支援27種程式語言，支援C,C++ ,Java ,C#, XML, HTML, PHP,JS 等眾多語言，Notepad++ 內建支援多達27種語法高亮度顯示。是一款小巧而功能強大的軟體。最重要的是免費使用！真香！
（7）Foundation
（8）editplus
EditPlus是一款由韓國 Sangil Kim （ES-Computing）出品的小巧但是功能強大的可處理文字、HTML和程式語言的Windows編輯器，和notepad++一樣短小精悍，是一套功能非常強大的文字編輯器，擁有無限制的Undo/Redo（撤銷）、英文拼字檢查、自動換行、列數標記、搜尋取代、同時編輯多檔案、全螢幕瀏覽功能。除了支援HTML, CSS,等多種語言外還內建完整的HTML和CSS指令功能。
還有很多就不一一介紹了，就只說列舉下名字：Cloud9 IDE、GIMP、SecureHeaders、Fontello。大家可以自行去使用，畢竟鞋子合不合腳也只有自己才知道，希望大家能有所收穫。