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

  • 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. python入门基础代码图-python入门代码指南教程书籍推荐2020总结全集汇总

    python入门代码指南教程书籍推荐2020总结全集汇总 记住,如果您想学习Python,市场上有很多可用的资源.这些可以包括书籍,甚至在线课程..在这篇文章中,我们为Python编写了最好的书籍,无 ...

  3. python编程入门视频推荐_Python编程入门2021攻略,书籍推荐,视频推荐,每天更新...

    写这篇文章的初衷 2018年我大学毕业,和很多人一样.大学里的世界,我也是整天LOL.打了4年,确还只是个黄金守门员.恋爱也想都不敢想.不过,话说回来,我拿了三年的奖学金.真的不是因为我学习认真,而是 ...

  4. python教程推荐-入门python有什么好的书籍推荐?

    Python 越来越火爆,最近自己也在学习.整理下一些 Python 资料,和练手的项目.希望对你学习 Python 有所帮助. 如果大家想要文中 10G Python 编程视频,点击下面的卡片即可免 ...

  5. python入门代码大全-python入门代码指南教程书籍推荐2020总结全集汇总

    python入门代码指南教程书籍推荐2020总结全集汇总 记住,如果您想学习Python,市场上有很多可用的资源.这些可以包括书籍,甚至在线课程..在这篇文章中,我们为Python编写了最好的书籍,无 ...

  6. 2021年最新版Web前端学习路线图-前端小白入门必读-推荐

    2021年最新版Web前端学习路线图-前端小白入门必读-推荐 Hello,大家好,相信很多学习前端的小伙伴,会有很多的疑惑: 我要学习那些技术? 我要到哪里去学习这些技术呢? 学习这些技术的目的对就业 ...

  7. 一名优秀的Web前端开发工程师的成长之路:如何学习前端开发知识以及书籍推荐

    我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西. 我从没有听到有人问:如何做一名优秀.甚至卓越的WEB前端工程师. 何为:前端工程师? 前端工程师 ...

  8. python入门代码指南教程书籍推荐2020总结全集汇总

    python入门代码指南教程书籍推荐2020总结全集汇总 记住,如果您想学习Python,市场上有很多可用的资源.这些可以包括书籍,甚至在线课程..在这篇文章中,我们为Python编写了最好的书籍,无 ...

  9. Web前端学习书籍推荐

    今天小编要跟大家分享的文章是关于Web前端工程师应该读的前端书籍推荐.正在从事web前端工作的小伙伴们都知道,想要从事前端行业,要学习的内容太多了,当你不知道从哪里开始的时候,你就先从看书开始,边看书 ...

最新文章

  1. 对Oracle中索引叶块分裂而引起延迟情况的测试和分析
  2. 正则表达式简介及在C++11中的简单使用
  3. UIApplication sharedApplication详细解释-IOS
  4. mysql中的merge into,SQL Server 2008中利用merge into关键实现insert/update自动匹配(类似于MySQL中的For Update关键字)...
  5. maven 打包时缺少文件_(三)Java资源文件和路径相关扫盲
  6. Windows的Win键被自动按下解决方案
  7. 单点登录(sso)入门
  8. 遇到返回键会退到页面的问题(window.location)
  9. winrar大全+压缩
  10. Ajax Session Timeout处理
  11. html实体注册商标,html 注册商标,html 注册商标代码
  12. 计算机电子表格证怎么样,初学者在电脑上如何制作电子表格
  13. 字节跳动面试总结-3.18
  14. Nette框架未授权任意代码执行漏洞分析
  15. 2020-09-27
  16. android 刷机后存储空间变小,手机存储容量与标称不符 剩余的空间跑哪了?
  17. 给钱给地给人!三运营商千亿砸手机渠道谁买账
  18. vhdl语言基础篇-for
  19. Facebook将推出“虚拟约会”功能视频聊天室
  20. 系统集成项目管理工程师案例分析考点汇总(整体管理)

热门文章

  1. 日常工作问题的处理流程
  2. Photoshop图层混合模式计算公式大全
  3. Android布局整合include界面控件 示例
  4. Dynamic Setting ImageUrl In DataPager
  5. 关于工大瑞普Dynamips模拟器
  6. iOS抓取日志方式(2)
  7. XamarinEssentials教程获取首选项的值
  8. iOS Sprite Kit教程之滚动场景
  9. drcom linux怎么运行,drcom for linux
  10. node.js request get 请求怎么拿到返回的数据_使用JS和NodeJS爬取Web内容