Skip to content

了解点WEB开发基础知识

TIP

如果你重来都没有接触过编程,那么在我们开始编写HTML和CSS代码之前,需要先了解一些WEB开发相关的一些术语。如:客户端、服务器、前端开发、后端开发、静态和动态网站,还有WEB开发主要会用到哪些语言或技术。

这节课的内容是希望大家对WEB开发的一些基础知识有个概括了解,所以下面我讲的内容你能够体会到大概意思就可,一些术语的解释并不是最准确的,但是这样解释,我觉得会更容易让你理解,所以现在不用去纠结每个术语真正的官方定义。

简单来说,WEB开发其实就是客户端向服务器发送请求数据,然后服务器向客户端返回响应数据。

平常我们都会上网浏览网页,我们以这个来举例。看看当我们访问一个网页的时候,其内部是如何运作的。目前你只要知道浏览器就是一个客户端即可。

比如我们在浏览器地址栏中输入https://blog.yeetu.com,当我们按下回车键的时候,浏览器就会发送一个请求到https://blog.yeetu.com所在的服务器,这台服务器内部其实早已存在了构成该网页的所有文件,如:index.htmlstyle.cssscript.jsimage.jpg

当服务器收到这个请求后,它就会把这些文件全部返回给浏览器,浏览器会将index.htmlstyle.cssscript.js 解析并渲染成任何人都能懂的网页。

这些开发index.htmlstyle.cssscript.js文件的工作,我们就叫做前端开发

而像index.htmlstyle.cssscript.js这些浏览器能解析的文件所组成的页面,我们就称为网站的前端。我们这套课程主要要学习的也就是htmlcss.

像我们上面说的,构成网站的文件是直接存储在Web服务器上的,然后当被请求时,原样的发送到浏览器,像这样的站点,我们叫做静态网站

那什么是后端开发呢?我们以B站为例,我们在浏览B站的时候,会发现B站上的的很多内容是随时变化的,你每次访问都能发现新的视频、评论、弹幕等。为了做到这点,B站的服务器运行着一整套的应用程序,比如它需要一个大型的文件系统来存储图片、视频、音频等,需要一个大型的数据库系统来存储评论、弹幕、视频访问量等。

要做到这一切,仅仅htmlcss是不够的,为了编写在Web服务器上执行的应用程序,开发者会使用某种后端语言,比如说:node,php,pythonjava等。 这些语言会从数据库中读取数据,然后将这些数据组成并翻译成类式静态网站那样的文件,然后将这些文件响应返回给浏览器。

像编写Web服务器上执行的应用程序的开发,我们叫做后端开发, 而这类网站我们就叫它动态网站

简单来说,静态网站就是直接把html,css,js等文件放在服务器上,只要你不去手动修改它,用户每次访问你的网站看见的内容都是不会改变的。 而动态网站是服务器内的应用程序实时生成的页面,你每次访问网站时,基本上内容都是不一样的。