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

  • 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:推荐,但不适合新手,图表漂亮,灵活性高
    以上都可以先去阅读官方文档

(未完待续)

web入门+书籍推荐的更多相关文章

  1. 自学 Python 3 最好的 入门 书籍 推荐(附 免费 在线阅读 下载链接)

    请大家根据自己的实际情况对号入座,挑选适合自己的 Python 入门书籍: 完全没有任何编程基础:01 号书 少量编程基础,不求全,只希望能以最快的速度入门:02 号书 少量编程基础,有一定的英文阅读 ...

  2. Web前端开发推荐阅读书籍

    前言 前端工程师在中国兴起也就5年左右,以前公司里没有专门前端工程师的这个职位,很多前端方面的任务都是由全栈工程师来完成,有的基础一点的后台或者设计的帮助分担一些.但是随着互联网的快速发展,特别是所谓 ...

  3. Web前端开发推荐书籍

    Web前端开发推荐书籍 前言 学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 读 书吧~相对于在网上学习,在项目中学习和跟着有经验的同事学习,书中有着相 ...

  4. Web前端开发推荐阅读书籍、学习课程下载

    转自http://www.xuanfengge.com/fe-books.html 前言 学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 除了在项目中学 ...

  5. 十本你不容错过的Docker入门到精通书籍推荐

    前言: 最近有许多小伙伴私信让我推荐几本关于Docker学习的书籍,今天花了一下午的时间在网上查阅了一些资料和结合自己平时工作中的一些学习参考资料书籍写下了这篇文章.注意以下书籍都是十分优秀的Dock ...

  6. Android开发书籍推荐:从入门到精通系列学习路线书籍介绍

    Android开发书籍推荐:从入门到精通系列学习路线书籍介绍 很多时候我们都会不断收到新手的提问"Android开发的经典入门教材和学习路线?"."Android 开发入 ...

  7. 书籍推荐 《移动Web手册》 奇舞团

    书籍推荐  <移动Web手册> 奇舞团

  8. (转)Android开发书籍推荐:从入门到精通系列学习路线书籍介绍

    Android开发书籍推荐:从入门到精通系列学习路线书籍介绍 转自:http://blog.csdn.net/findsafety/article/details/52317506 很多时候我们都会不 ...

  9. Java书籍推荐

    Java书籍推荐 转自:http://www.cnblogs.com/exclm/archive/2009/01/03/1367597.html 一.入门 <Java 2从入门到精通>- ...

随机推荐

  1. JZ-037-数字在排序数组中出现的次数

    数字在排序数组中出现的次数 题目描述 统计一个数字在升序数组中出现的次数. 题目链接: 数字在排序数组中出现的次数 代码 /** * 标题:数字在排序数组中出现的次数 * 题目描述 * 统计一个数字在 ...

  2. JZ-032-把数组排成最小的数

    把数组排成最小的数 题目描述 输入一个正整数数组,把数组里所有数字拼接起来排成一个数,打印能拼接出的所有数字中最小的一个.例如输入数组{3,32,321},则打印出这三个数字能排成的最小数字为3213 ...

  3. unittest的discover方法批量执行02

    前言 我们在写用例的时候,单个脚本的用例好执行,那么多个脚本的时候,如何批量执行呢?这时候就需要用到unittet里面的discover方法来加载用例了. 加载用例后,用unittest里面的Text ...

  4. C++:用字符串数组实现大数运算,以两个不高于40位的大数运算为例。

    因为基本数据类型中整型的内存范围有限,所以直接进行大数之间的运算,不仅浪费空间,而且运行缓慢,甚至有些会导致数据溢出. 那怎么办呢? 这时我们就想直接不行,那咱们来间接的. 这就是我们今天主要要讲的: ...

  5. Python中的super().__init__()

    Python里的super().init()有什么用? 简单的说super().__init__(),就是继承父类的init方法,同样可以使用super()去继承其他方法. 下面是三种不同的继承.调用 ...

  6. linux作业--第十一周

    1. 导入hellodb.sql生成数据库 (1) 在students表中,查询年龄大于25岁,且为男性的同学的名字和年龄 (2) 以ClassID为分组依据,显示每组的平均年龄 (3) 显示第2题中 ...

  7. laravel7 实现阿里云大文件上传

    1:新创一个桶名 2:下载SDK 3: 4: php编辑器 终端运行 5:阿里云复制代码 6:获取秘钥和毽 7: 控制器书写代码:切记引入oss namespac App\Http\Controlle ...

  8. 题目要求:传入数组 内容为[['lisi','男','27'],['wangwu','男',18],['zhaoliu','男','30']],将此二维数组转化为一维数组,创建自定义函数完成

    //自定义函数 function getOne($arr){ $str = ''; //定义空的字符串,用来接收值 foreach ($arr as $key=>$value){ //循环遍历数 ...

  9. LGP3426题解

    真是不管什么时候来做这道题都会觉得很神仙呐... 观察一下,如果存在一个合法的印章,那么这个印章一定是这个串的前缀,也是这个串的后缀. 即合法的印章一定是原串的 \(\rm Border\). 于是设 ...

  10. 9.Flink实时项目之订单宽表

    1.需求分析 订单是统计分析的重要的对象,围绕订单有很多的维度统计需求,比如用户.地区.商品.品类.品牌等等.为了之后统计计算更加方便,减少大表之间的关联,所以在实时计算过程中将围绕订单的相关数据整合 ...