web入门+书籍推荐

如果你想建立一个自己的网站，你可以从网上搜到许多的教程：比如

1. wordpress

2. gitpages

等等。

如果你想了解这个框架是怎么工作的，你可以了解以下下面的三个基本概念：

1. 服务器，

2. 数据库，

3. 前端工程（即以前页面制作的升级版）

服务器

首先，我先简单的介绍一下服务器。服务器，顾名思义，是提供服务用的。打个比方，你在浏览器窗口中输入http://baidu.com，就能看百度的首页。这是因为百度的服务器接收到了你的请求，并把你请求的页面（.html文件）返还给了你，这些html文件在浏览器的渲染下变成了你所看到的样子。
一般来说，写服务的人被称为后端开发，涉及到与数据库，前台的交互，安全性，并发，生产环境负载均衡等等等等的知识，笔者对之也是一知半解，初学者可以先看看以下两点：

1. 图解http（一个日本人写的书，网上有电子版）

2. 直接用http-server起简单的服务（github上搜索http-server，阅读文档）

前端

前端是干什么的呢？其实就是写页面的。只不过随着人们对性能的美观程度要求的提高，程序员对工程化构建需求的增加，技术含量变高了。前端主要包括以下3个部分：

1. html

2. css

3. javascript

以上三个部分中，html主要负责网页的结构（比突什么地方应该有什么内容），css主要负责样式，比如段落部分的背景是红色的，js主要负责页面的交互（比如点击弹出了对话框）。

前端学习的主要资料来源包括：

1. codeacademy（其中有一个课题叫做To make a website， 可以让你很直观的感受到html，css，javascript都是用来干什么的）

2. w3cschool（分别有html篇，css篇，javascript篇）

3. javascript权威指南（不推荐初学者，但是很经典，可以记着名字，以后再看）

4. javascript精粹

5. javascript启示录

6. exploring ES6

书看累了，也可以换个视频看看，推荐慕课网，课程都是免费的。

数据可视化

其实很多人学web是为对数据可视化感兴趣，的确支付宝的图表通过一些库来做，美观简单有高端大气。这里我也给大家推荐一些数据可视化的图形库（不过这些图形库一般需要一些javascript的基础知识）

1. highcharts：输入数据即可生成图形，自由发挥程度较低

2. echarts：百度出品，与highcharts很像，个人觉得略丑

3. d3js：推荐，但不适合新手，图表漂亮，灵活性高
   以上都可以先去阅读官方文档

（未完待续）

关键字：html5, JavaScript, html, css

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！