add

docs/chapter01.md

@@ -2,22 +2,23 @@
 
 ### 1.1 Web开发的基本概念 (了解)
 #### 1.1.1 什么是Web应用？
-> Web App 是基于 Web 技术开发的应用程序，用户可以通过浏览器访问和使用，而无需下载和安装。Web App 可以在不同的设备和平台上运行，无需针对不同的操作系统进行开发和维护，具有较好的跨平台兼容性。Web App 通常使用 HTML、CSS、JavaScript 等 Web 技术进行开发，可以访问互联网上的各种资源和服务。
+> Web应用是基于 Web 技术开发的应用程序，用户可以通过浏览器访问和使用，而无需下载和安装应用。Web应用可以在不同的设备和平台上运行，无需针对不同的操作系统进行开发和维护，具有较好的跨平台性。
 
-#### 1.1.2 Web App 的优点
-- **跨平台兼容性好：** Web App 可以在不同的设备和平台上运行，无需针对不同的操作系统进行开发和维护，具有较好的跨平台兼容性。
-- **开发成本低：** Web App 的开发成本相对较低，因为无需针对不同的操作系统进行开发和维护，可以使用 Web 技术进行开发。
-- **维护成本低：** Web App 的维护成本相对较低，因为可以在服务器端进行维护和更新，无需对每个设备进行更新。
-- **更新和发布灵活：** Web App 的更新和发布较为灵活，可以通过 Web 服务器进行发布和更新，无需通过应用商店进行审核和等待。
-- **无需下载和安装：** Web App 可以通过浏览器直接访问和使用，无需下载和安装，使用较为方便。
-- **易于扩展和集成：** Web App 可以轻松地集成和扩展各种 Web 服务和 API，例如社交网络、在线支付、地图服务等。
 
-#### 1.1.3 Web App 的缺点
+#### 1.1.2 Web应用的优点
-- **性能和用户体验相对较差：** Web App 受限于浏览器的性能和功能，因此性能和用户体验相对较差，特别是在移动设备上。
+- **跨平台兼容性好：** Web应用可以在不同的设备和平台上运行，无需针对不同的操作系统进行开发和维护，具有较好的跨平台兼容性。
-- **依赖网络连接：** Web App 需要依赖网络连接进行访问和使用，如果网络连接不稳定或者断开，用户无法继续使用应用程序。
+- **开发成本低：** Web应用的开发成本相对较低，因为无需针对不同的操作系统进行开发和维护，可以使用 Web 技术进行开发。
-- **难以实现离线体验：** Web App 难以实现离线体验，因为需要依赖网络连接进行访问和使用。
+- **维护成本低：** Web应用的维护成本相对较低，因为可以在服务器端进行维护和更新，无需对每个设备进行更新。
-- **安全性和隐私保护问题：** Web App 可能存在安全性和隐私保护问题，因为需要使用网络进行数据传输和处理。
+- **更新和发布灵活：** Web应用的更新和发布较为灵活，可以通过 Web 服务器进行发布和更新，无需通过应用商店进行审核和等待。
-- **受限于浏览器：** Web App 受限于浏览器的功能和规范，因此开发者需要考虑浏览器的兼容性和规范。
+- **无需下载和安装：** Web应用可以通过浏览器直接访问和使用，无需下载和安装，使用较为方便。
+- **易于扩展和集成：** Web应用可以轻松地集成和扩展各种 Web 服务和 API，例如社交网络、在线支付、地图服务等。
+
+#### 1.1.3 Web应用的缺点
+- **性能和用户体验相对较差：** Web应用受限于浏览器的性能和功能，因此性能和用户体验相对较差，特别是在移动设备上。
+- **依赖网络连接：** Web应用需要依赖网络连接进行访问和使用，如果网络连接不稳定或者断开，用户无法继续使用应用程序。
+- **难以实现离线体验：** Web应用难以实现离线体验，因为需要依赖网络连接进行访问和使用。
+- **安全性和隐私保护问题：** Web应用可能存在安全性和隐私保护问题，因为需要使用网络进行数据传输和处理。
+- **受限于浏览器：** Web应用受限于浏览器的功能和规范，因此开发者需要考虑浏览器的兼容性和规范。
 
 #### 1.1.4 web应用工作流
 
@@ -30,7 +31,7 @@
   - [五分钟了解互联网Web技术发展史](https://cloud.tencent.com/developer/article/1808394)
   - [Web开发技术发展历史](https://www.cnblogs.com/datapool/p/6218105.html)
 
-#### 1.2.2 当前Web开发的主要技术栈
+#### 1.2.2 当前Web应用开发的主要技术栈
 
 - **前端技术栈：**
   - **HTML5：** 提供了更丰富和语义化的标记，增强了多媒体支持。
@@ -58,18 +59,10 @@
   - **调试工具：** 例如 Chrome DevTools、Firebug 等。
   - **版本控制工具：** 例如 Git、SVN 等。
 
-#### 1.2.3 未来的Web开发技术趋势预测
-- **持续集成与部署（CI/CD）：** 更加自动化的工作流程将会成为常态，以提高开发效率和软件质量。
-- **微服务架构：** 微服务将继续流行，因为它提高了系统的可扩展性和可维护性。
-- **容器化技术：** Docker 和 Kubernetes 等技术将更加普及，用于部署和管理应用。
-- **无服务器架构（Serverless）：** 减少运维负担，专注于业务逻辑的编写。
-- **人工智能和机器学习：** AI 和 ML 将被更广泛地应用于Web应用中，以增强用户体验和自动化后台任务。
-- **隐私和安全：** 隐私保护技术和加密方法将成为开发过程中的重点。
-
 ### 1.3 什么是Java Web开发？(了解)
 > Java Web开发是指使用Java语言来构建和维护可以在Web浏览器上运行的应用程序的过程。这些应用程序通常由服务器端组件和客户端组件组成，服务器端负责处理业务逻辑并提供数据给客户端，而客户端则负责显示数据并允许用户与之交互。
 
-- **Java Web开发的主要组成部分**
+- **Java Web开发的主要技术**
   - **服务器端技术：** 包括Servlets、JSP (Java Server Pages)、JavaBeans、EJB (Enterprise JavaBeans)、Spring框架等。
   - **客户端技术：** 主要是HTML、CSS和JavaScript，用于构建用户界面; 前端框架如Angular、React、Vue.js等。
   - **中间件：** 如Servlet容器（例如Tomcat）、应用服务器（例如WildFly、GlassFish）等。

docs/chapter02.md

@@ -13,7 +13,7 @@
 - URI = Uniform Resource Identifier 统一资源标志符
 > URI是抽象的定义，不管用什么方法表示，只要能标识一个资源，就叫URI. URI包括URL和URN.后来urn没流行起来，导致几乎目前所有的uri都是url。
 - URL = Uniform Resource Locator 统一资源定位符
-> 是URI的一个子集，又称统一资源定位器、定位地址、URL地址，俗称网址，是因特网上标准的资源的地址，作用是为了告诉使用者某个资源在 Web 上的地址。URL包含访问资源所需的协议类型（如HTTP、HTTPS、FTP）和资源的网络位置（如域名和文件路径）
+> 是URI的子集，又称统一资源定位器、定位地址、URL地址，俗称网址，是因特网上标准的资源的地址，作用是为了告诉使用者某个资源在 Web 上的地址。URL包含访问资源所需的协议类型（如HTTP、HTTPS、FTP）和资源的网络位置（如域名和文件路径）
 - URN = Uniform Resource Name 统一资源名称
 > 指的是资源而不指定其位置或是否存在. URN 的一个最好的例子是 ISBN 号，它被用来唯一地识别一本书。URN 与 URL 完全不同，因为它不包含任何协议。
 
@@ -155,10 +155,9 @@ Session表示会话,服务器端用来跟踪用户状态的一种机制。在jav
 HTML（HyperText Markup Language，超文本标记语言）是一种用来告知浏览器如何组织页面的标记语言。
 HTML 由一系列的元素组成，这些元素可以用来包围或标记不同部分的内容，使其以某种方式呈现或者工作
 
-HTML 元素（标签）:
+HTML 元素（标签）的主要部分:
 ![](./resources/imgs/grumpy-cat-small.png)
 
-这个元素的主要部分有：
 ```
     开始标签（Opening tag）：包含元素的名称（本例为 p），被左、右角括号所包围。开头标签标志着元素开始或开始生效的地方。在这个示例中，它在段落文本的开始之前。
     内容（Content）：元素的内容，本例中就是段落的文本。

docs/resources/课程速成.md

@@ -0,0 +1,74 @@
+## 1. 概述
+
+### 1.1 Web开发的基本概念 
+#### 1.1.1 什么是Web应用？
+> Web应用是基于 Web 技术开发的应用程序，用户可以通过浏览器访问和使用，而无需下载和安装应用。Web应用可以在不同的设备和平台上运行，无需针对不同的操作系统进行开发和维护，具有较好的跨平台兼容性。
+
+### 1.3 什么是Java Web开发？
+> Java Web开发是指使用Java语言来构建和维护可以在Web浏览器上运行的应用程序的过程。这些应用程序通常由服务器端组件和客户端组件组成，服务器端负责处理业务逻辑并提供数据给客户端，而客户端则负责显示数据并允许用户与之交互。
+
+## 2. web页面开发基础
+
+### 2.1 HTTP协议
+
+
+#### 2.1.1 URI、URL、URN
+- URL: Uniform Resource Locator 统一资源定位符
+> 是URI的子集，URL包含访问资源所需的协议类型（如HTTP、HTTPS、FTP）和资源的网络位置（如域名和文件路径）
+
+#### 2.1.3 HTTP请求包结构
+
+
+#### 2.1.4 HTTP请求方法
+
+#### 2.1.5 HTTP请求头
+
+
+#### 2.1.6 HTTP响应包结构
+
+
+#### 2.1.7 HTTP状态码
+- **200 OK：** 请求成功。
+- **404 Not Found：** 请求失败，服务器上没有请求的资源。
+- **500 Internal Server Error：** 请求失败，服务器出现未知的内部错误。
+
+#### 2.1.8 HTTP响应头
+
+
+#### 2.1.9 Cookie
+
+HTTP 是无状态协议，不能以状态来区分和管理请求和响应。也就是说，无法根据之前的状态进行本次的请求处理。
+
+Cookie是为了解决HTTP协议无状态的问题而设计的一种持久化机制，它允许服务器在用户浏览器上存储数据。Cookie 的数据保存在用户浏览器中，服务器可以通过 Cookie 识别用户，从而实现用户个性化。
+
+Cookie 主要用于以下三个方面：
+- 会话状态管理
+- 个性化设置
+- 浏览器行为跟踪
+
+
+### 2.2 HTML/CSS/JavaScript基础
+
+#### 2.2.1 HTML5基础知识
+
+HTML 元素（标签）的主要部分:
+![](../resources/imgs/grumpy-cat-small.png)
+
+```
+    开始标签（Opening tag）：包含元素的名称（本例为 p），被左、右角括号所包围。开头标签标志着元素开始或开始生效的地方。在这个示例中，它在段落文本的开始之前。
+    内容（Content）：元素的内容，本例中就是段落的文本。
+    结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠。这标志着该元素的结束。没有包含关闭标签是一个常见的初学者错误，它可能会产生奇特的结果。
+```
+
+#### 2.2.2 CSS
+
+
+| 选择器类型   | 解释                                | 示例                             |
+| ------------ |-----------------------------------| -------------------------------- |
+| **元素选择器** | 也叫标签选择器，通过标签名选取元素                 | `p { color: red; }` 选取所有 `<p>` 元素，将文本颜色设置为红色。 |
+| **类选择器**   | 通过类名选取元素                          | `.my-class { font-weight: bold; }` 选取具有类名为 `my-class` 的元素，使其字体加粗。 |
+| **ID选择器**   | 通过ID名称选取唯一元素                      | `#unique-id { background-color: yellow; }` 选取ID为 `unique-id` 的元素，背景色设为黄色。 |
+| **通配符选择器** | 匹配所有元素                            | `* { margin: 0; padding: 0; }` 选取所有元素，清除默认的外边距和内边距。 |
+
+
+#### 2.2.3 JavaScript基本语法和DOM操作