【Web前端开发】---web简介

1、前端开发能干什么

能干：网页、小程序（例如：微信小程序、抖音小程序），数据可视化

前端工程师不仅可以开发上面所说的东西，而且也可以开发：服务器、客户端。

2、计算机基础

计算机由硬件与软件构成。

所谓的硬件就是能看得见、摸得着的一些零部件。比如：CPU、内存、硬盘、键盘、鼠标、音箱、显示器。

所谓的软件就是看得见、摸不着的东西。软件由系统软件和应用软件构成。

系统软件：Windows、Linux、Max、Harmony…

应用软件：微信、抖音、QQ、…

3、CS架构与BS架构

应用软件：例如，微信，QQ…

应用软件在使用时可以安装（比如：在手机上使用时，需要安装软件），也可以不安装（比如：在电脑上使用软件时，可以不下载软件，而是通过网页的形式使用软件）

需要提前安装，再去使用的软件叫做：C/S架构的软件。

不安装，在网页上使用的软件叫做：B/S架构的软件。

C:client(客户端）   B:Browser(浏览器）   S:Server(服务器）

我们在B站上分享视频给小明时，不是直接将视频分享给了小明，而是先把视频加载到B站服务器上，然后B站服务器把视频发给小明。

对服务器的一个简单理解：

一个中转站，帮我们保存信息、传达信息，是所有用户之间的一个桥梁。

C/S架构弊端：
（1）需要安装（2）偶尔更新（3）不跨平台

B/S架构优点：

（1）不需要安装（2）无需更新（3）可跨平台

4、网页相关概念

（1）www.baidu.com

这是一个网址

（2）一个或多个网页构成了网站

（3）一个网页由哪些部分组成（网页标准）？

结构（可理解为猴子的骨骼）+表现（可理解为猴子的毛发，皮肤…)+行为（可理解为猴子的各种动作）

（4）HTML用于搭建网页的结构

CSS让结构更具表现力

Javascript让网页有交互的效果

5、HTML是什么？

全称：HypeText   Markup   Language

译为：超文本标记语言

超文本：暂且理解为“超级的文本”，和普通文本相比，内容给更丰富。

标记：生活中常见的比如：在马路上的左转弯标识、禁止掉头标识都是一种一种标记，都有特殊含义。文本要变成超文本，就需要用到各种标记符号。

语言：生活中的每个汉字的写法、读音、使用规则等等，构成了汉语。每一个标记的写法、读音、使用规则构成标记语言。