diff --git a/docs/.vitepress/materials.ts b/docs/.vitepress/materials.ts
index 629096b..2e5cecd 100644
--- a/docs/.vitepress/materials.ts
+++ b/docs/.vitepress/materials.ts
@@ -814,6 +814,27 @@ export const courseMaterials = {
       },
     ],
   },
+  'web-frontend': {
+    title: 'Web前端程序设计',
+    directory: '/materials/web-frontend/',
+    categories: [
+      {
+        title: '知识点笔记',
+        description: '章节知识点、复习提纲和概念梳理。',
+        resources: [],
+      },
+      {
+        title: '实验资料',
+        description: '实验答案、实验环境、实验报告参考结构和调试记录。',
+        resources: [],
+      },
+      {
+        title: '试题资料',
+        description: '试卷、练习题和对应答案放在同一个资料组中。',
+        resources: [],
+      },
+    ],
+  },
   javaweb: {
     title: 'Java Web应用开发',
     directory: '/materials/javaweb/',
diff --git a/docs/.vitepress/sidebar.ts b/docs/.vitepress/sidebar.ts
index 1e4e567..8c92875 100644
--- a/docs/.vitepress/sidebar.ts
+++ b/docs/.vitepress/sidebar.ts
@@ -126,6 +126,7 @@ export const sidebar: DefaultTheme.Sidebar = {
         { text: '软件过程项目管理', link: '/materials/software' },
         { text: '大学物理', link: '/materials/physics' },
         { text: '线性代数', link: '/materials/linear-algebra' },
+        { text: 'Web前端程序设计', link: '/materials/web-frontend' },
         { text: 'Java Web应用开发', link: '/materials/javaweb' },
         { text: '单片机原理及应用', link: '/materials/microcontroller' },
         { text: '习近平新时代中国特色社会主义思想', link: '/materials/xjp' },
diff --git a/docs/materials/index.md b/docs/materials/index.md
index 102fcb0..895a81b 100644
--- a/docs/materials/index.md
+++ b/docs/materials/index.md
@@ -37,6 +37,7 @@ sources: []
 | [软件过程项目管理](/materials/software)            | 知识点笔记            | 活跃 |
 | [大学物理](/materials/physics)                     | 试题资料              | 活跃 |
 | [线性代数](/materials/linear-algebra)              | 试题资料              | 活跃 |
+| [Web前端程序设计](/materials/web-frontend)         | 待补充                | 活跃 |
 | [Java Web应用开发](/materials/javaweb)             | 知识点笔记 / 试题资料 | 活跃 |
 | [单片机原理及应用](/materials/microcontroller)     | 笔记 / 实验 / 试题    | 活跃 |
 | [习近平新时代中国特色社会主义思想](/materials/xjp) | 知识点笔记 / 试题资料 | 活跃 |
diff --git a/docs/materials/web-frontend.md b/docs/materials/web-frontend.md
new file mode 100644
index 0000000..20b0d76
--- /dev/null
+++ b/docs/materials/web-frontend.md
@@ -0,0 +1,56 @@
+---
+title: Web前端程序设计资料
+description: Web前端程序设计课程相关学习资料整理
+category: materials
+audience:
+  - 学生
+content_type: experience
+status: active
+maintainers:
+  - SCSWiki 维护组
+sources: []
+---
+
+<ContentMeta />
+
+# Web前端程序设计资料
+
+本页用于整理Web前端程序设计课程的学习资料。资料内容以同学贡献为主，仅供学习参考；课程范围、实验要求、作业要求和考试安排请以任课教师当学期说明为准。
+
+本课程资料与“Java Web应用开发”分开维护。
+
+## 资料目录
+
+<MaterialResourceList course="web-frontend" />
+
+## 维护方式
+
+每门课程使用一页内容和一个附件目录：
+
+```text
+docs/materials/web-frontend.md
+docs/public/materials/web-frontend/
+```
+
+资料清单统一维护在：
+
+```text
+docs/.vitepress/materials.ts
+```
+
+每门课按分类维护。常用分类包括：
+
+- 知识点笔记：章节笔记、复习提纲、知识点清单。
+- 实验资料：实验环境、实验说明、调试记录。
+- 试题资料：试卷、练习题和答案。试卷与答案应放在同一个资料组里。
+
+新增资料时，先把文件放到对应课程目录，再在 `courseMaterials` 中增加一条记录
+
+只有 PDF 支持在线预览。DOCX、PPTX、XLSX、ZIP 等格式可以上传，但页面只提供下载。
+
+## 上传前检查
+
+- 不包含姓名、学号、手机号、班级群号等个人信息。
+- 不包含未授权教材扫描件、教师课件原文件或未公开试卷。
+- 不包含课程平台、教务系统、班级群等内部链接。
+- 文件名使用英文小写短横线，便于长期维护。