假如你想竖立一个本身的网站，你能够从网上搜到许多的教程：比如

• 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：引荐，但不合适新手，图表美丽，灵活性高
  以上都能够先去浏览官方文档

（未完待续）