前端开发DAY01_开发环境的创建

前端开发DAY1

今日教学内容一览

1.学习方式

2.开发环境

3.HTTP

4.URL

5.MarkDown

（一）学习方式

1.如何看直播

PHP中文网—我的学习—观看直播

2.如何看回放？

回放在课程目录中查看；源码在课件下载中下载即可。

3.如何写作业？

• 博客—栏目—新增栏目—21期前端开发；使用MD写作业。

• 例如：开学第一课作业

• 提交—前端开发；

• 状态—作业；

• 文章标签—HTML；

• 文章标题—打造高效的前端开发环境；

• 即可发布。

4.如何提问？

• 地点—QQ群；教学期间不要加老师的QQ；

• 提问前先尝试自己解决问题；

• 问得好很重要；问的问题跟教学进度相关；

• 急的话可以发到社区问答。

（二）开发环境

（1）谷歌

（2）VSCode

（3）phpEnv

3.HTTP

客户端和服务器

1. 客户端到服务器的过程
2. 客户端：就是浏览器；服务器：应用程序。如apache，Nginx。
3. 电脑功能由软件决定；互为客户端或服务器
4. HTTP是客户端-浏览器之间使用的协议；

请求和响应

一个请求一个响应；HTTP请求和HTTP响应

连接：三次握手

目的是确保双方收发正常。

断开：四次挥手

目的是确保双方完全断开

4.URL

（1）静态url

（2）动态

http://site.cn:80/index.php?p=3&key=admin

index.php :入口文件，应该由服务器路由到一个API（函数）去处理。

p=3 参数

1.协议：http://

2.域名/主机名： site.cn//

3.端口: ：80 类似于政务中心的窗口；人社局、教育局等。提供什么服务就提供什么端口。每个端口都有自己的功能。

4.入口文件/应用程序/用一个函数来处理：/index.php

5.路径信息：/user/add:PATH_INTO（可选的），用来做路由。

6.查询参数：?p=3&key=admin

7.锚点/hash 参数：#link

其他：做伪静态——去掉端口；参数路径化；自定义扩展名

MVC框架的原理（扩展的知识）。

5.MarkDown

（1）用途

1.写作业：技术博客

2.写文档：API 接口文档

（2）语法

1.文本：标题，段落，字体样式，代码，引用

2.其他：列表，表格，连接，图像，分隔符

（3）MD最终会转为HTML

1.标题

多行代码：md

2.分隔符：三个减号

3.段落：加空行就行了

4.字体样式

加粗

斜体

删除线

斜体加粗

5.引用：有一个背景色的标题

这是一个引用内容

二级引用

6.列表

（1）无序

• list1
• list2

（2）有序

1. list1
2. list2

7.代码

(1)单行：const num = 100

(2)多行：三个反引号

class User
{
    private string $username = 'admin'
}

8.表格

序号 | 姓名 | 性别 | 工资

| —- | —- | —- | —- |

|1 | 朱老师 | 男 | 12345

|2 | 欧阳老师 |男 | 78900

|3 | 灭绝老师 女 | 87654

9.链接

[php中文网]

http://www.php.cn

10.图像

复盘

小结：软件；MD；HTTP协议；URL静态动态

1.安装好软件

2.掌握MD常用语法

3.知道http\url的常用知识

http：基于请求与响应机制，客户端与服务器之间数据交换的协议
url：请求的路由地址，掌握静态的。

第一次写文档，就先这样吧。