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

(未完待续)

    原文作者:rosie15
    原文地址: https://segmentfault.com/a/1190000005813704
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞