web入門+書籍推薦

若是你想創建一個本身的網站，你能夠從網上搜到許多的教程：好比

• wordpress

• gitpages

等等。

若是你想了解這個框架是怎麼工做的，你能夠了解如下下面的三個基本概念：

• 服務器，

• 數據庫，

• 前端工程（即之前頁面製做的升級版）

服務器

首先，我先簡單的介紹一下服務器。服務器，顧名思義，是提供服務用的。打個比方，你在瀏覽器窗口中輸入http://baidu.com，就能看百度的首頁。這是由於百度的服務器接收到了你的請求，並把你請求的頁面（.html文件）返還給了你，這些html文件在瀏覽器的渲染下變成了你所看到的樣子。
通常來講，寫服務的人被稱爲後端開發，涉及到與數據庫，前臺的交互，安全性，併發，生產環境負載均衡等等等等的知識，筆者對之也是隻知其一;不知其二，初學者能夠先看看如下兩點：

• 圖解http（一個日本人寫的書，網上有電子版）

• 直接用http-server起簡單的服務（github上搜索http-server，閱讀文檔）

前端

前端是幹什麼的呢？其實就是寫頁面的。只不過隨着人們對性能的美觀程度要求的提升，程序員對工程化構建需求的增長，技術含量變高了。前端主要包括如下3個部分：

• html

• css

• javascript

以上三個部分中，html主要負責網頁的結構（比突什麼地方應該有什麼內容），css主要負責樣式，好比段落部分的背景是紅色的，js主要負責頁面的交互（好比點擊彈出了對話框）。

前端學習的主要資料來源包括：

• codeacademy（其中有一個課題叫作To make a website， 可讓你很直觀的感覺到html，css，javascript都是用來幹什麼的）

• w3cschool（分別有html篇，css篇，javascript篇）

• javascript權威指南（不推薦初學者，可是很經典，能夠記着名字，之後再看）

• javascript精粹

• javascript啓示錄

• exploring ES6

書看累了，也能夠換個視頻看看，推薦慕課網，課程都是免費的。

數據可視化

其實不少人學web是爲對數據可視化感興趣，的確支付寶的圖表經過一些庫來作，美觀簡單有高端大氣。這裏我也給你們推薦一些數據可視化的圖形庫（不過這些圖形庫通常須要一些javascript的基礎知識）

• highcharts：輸入數據便可生成圖形，自由發揮程度較低

• echarts：百度出品，與highcharts很像，我的以爲略醜

• d3js：推薦，但不適合新手，圖表漂亮，靈活性高
  以上均可以先去閱讀官方文檔

（未完待續）