• https://www.bilibili.com/video/BV1yGydYEE3H/?spm_id_from=333.337.search-card.all.click&vd_source=68ce22f01f3c3394fe4f021266842422
  • 2024-10-24

2026-03-13

Web开发系统化课程目录（含时长与模块划分）

模块1：前端基础

第1章 Web开发导学

01-Web开发导学视频（22:35）

02-Web前端开发初识（13:16）

网页由什么组成：

  • html 网页元素结构
  • javascript 网页动作交互
  • css 网页布局表现

第2章 HTML 与 CSS 基础

03-HTML CSS 入门程序（26:27）

html：

<html>
<head>
<body>

04-HTML CSS VsCode开发工具（31:31）

第3章 HTML常见标签与样式

标题与样式

05-央视新闻标题排版（16:44）

06-央视新闻标题样式（26:01）

07-标题样式-选择器（15:45）

选择器优先级从下到上：

  • 元素选择器 name
  • 类选择器 .name
  • id选择器 #name

正文排版

08-央视新闻正文排版（27:51）

09-央视新闻正文样式（11:31）

页面布局

10-央视新闻整体布局（31:04）

11-Tlias案例-顶部导航栏（30:00）

第4章 表单开发

12-表单标签（17:57）

13-表单项标签（17:37）

14-Tlias案例-搜索表单区域（17:01）

15-Tlias案例-底部版权区域（25:59）

16-HTML CSS课程总结（10:01）

模块2：JavaScript与前端框架

第5章 JavaScript 基础

JS基础

17-JS课程介绍（06:07）

18-JS引入方式（10:27）

19-变量与数据类型（22:32）

20-函数（12:18）

21-自定义对象与JSON（21:01）

DOM

22-DOM操作（18:47）

事件系统

23-事件监听语法与常见事件（31:03）

24-事件优化-JS模块化（13:14）

第6章 Vue入门

25-Vue快速入门（26:10）

26-v-for指令（25:08）

27-v-bind v-if v-show（19:37）

28-v-model 与 v-on（25:33）

第7章 Ajax

29-Ajax入门（25:23）

30-Ajax案例（24:43）

模块3：Java后端基础与构建工具

第8章 Maven 构建工具

Maven基础

31-Maven课程介绍（17:35）

32-Maven介绍与安装（21:55）

33-IDEA集成Maven（23:58）

34-Maven依赖管理（26:18）

单元测试

35-单元测试入门（23:09）

36-断言与注解（27:35）

37-企业开发规范与AI生成测试（28:31）

38-Maven依赖范围（10:12）

39-Maven常见问题（05:38）

第9章 Web基础

40-Web基础课程安排（09:22）

SpringBootWeb 入门

41-SpringBootWeb入门程序（28:16）

42-入门程序解析（11:32）

第10章 HTTP协议

43-HTTP协议概述（10:11）

44-HTTP请求协议（20:39）

45-HTTP响应协议（25:41）

第11章 SpringBoot Web案例

46-SpringBootWeb案例（38:42）

第12章 分层架构

47-三层架构（22:28）

IOC 与 DI

48-IOC与DI入门（18:17）

49-IOC与DI详解（41:53）

模块4：数据库开发

第13章 MySQL 数据库

MySQL基础

50-MySQL课程介绍（13:30）

51-MySQL安装与数据模型（27:06）

DDL

52-数据库操作（30:48）

53-创建表（30:27）

54-数据类型（20:25）

55-设计表案例（26:46）

56-查询修改删除（15:42）

DML

57-insert update delete（30:20）

DQL

58-基本查询（18:43）

59-条件查询（21:26）

60-分组查询（23:28）

61-排序与分页查询（19:59）

第14章 JDBC

62-JDBC入门程序（22:50）

63-执行DQL语句（21:09）

64-预编译SQL（21:51）

第15章 MyBatis

CRUD

65-MyBatis入门程序（26:13）

66-MyBatis配置与JDBC对比（15:51）

67-数据库连接池（15:41）

68-删除操作（16:07）

69-新增操作（09:12）

70-更新操作（06:44）

71-查询操作（20:49）

72-XML映射配置（28:53）