diff --git a/docusaurus.config.js b/docusaurus.config.js
index 7894f3fe..1e9f1725 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -270,6 +270,19 @@ const config = {
         breadcrumbs: false,
       },
     ],
+    [
+      "@docusaurus/plugin-content-docs",
+      {
+        id: "front-end-engineer",
+        path: "work/front-end-engineer",
+        routeBasePath: "front-end-engineer",
+        sidebarPath: require.resolve("./sidebars.js"),
+        editUrl: "https://git.7wate.org/zhouzhongping/wiki/src/branch/master",
+        showLastUpdateAuthor: true,
+        showLastUpdateTime: true,
+        breadcrumbs: false,
+      },
+    ],
     [
       "@docusaurus/plugin-content-docs",
       {
@@ -407,6 +420,10 @@ const config = {
                 label: "Data 工程师",
                 to: "/data-engineer",
               },
+              {
+                label: "Front-End 工程师",
+                to: "/front-end-engineer",
+              },
             ]
           },
           {
diff --git a/work/front-end-engineer/文化/_category_.json b/work/front-end-engineer/文化/_category_.json
new file mode 100644
index 00000000..96197e79
--- /dev/null
+++ b/work/front-end-engineer/文化/_category_.json
@@ -0,0 +1,8 @@
+{
+    "label": "文化",
+    "position": 1,
+    "link": {
+      "type": "generated-index",
+      "title": "文化"
+    }
+}
\ No newline at end of file
diff --git a/work/front-end-engineer/文化/概述.md b/work/front-end-engineer/文化/概述.md
new file mode 100644
index 00000000..91b32fe2
--- /dev/null
+++ b/work/front-end-engineer/文化/概述.md
@@ -0,0 +1,56 @@
+---
+title: 概述
+description: H5 前端开发概述
+keywords:
+  - 前端开发
+  - HTML5
+tags:
+  - HTML5
+sidebar_position: 1
+author: 7Wate
+date: 2023-10-13
+---
+
+## 简介
+
+前端开发是当今技术领域的重要组成部分，它使我们能够以视觉上吸引人的、交互式的方式浏览网站和网络应用程序。
+
+### 前端开发的定义
+
+前端开发，有时也被称为客户端开发，是创建网络应用程序或网站用户交互界面的实践。它涉及到的技术包括 HTML、CSS 和 JavaScript，以及各种现代框架和库，如 React、Angular 和 Vue.js。前端开发者的目标是提供一个高度交互的、用户友好的界面，它可以在各种设备和浏览器上无缝工作。
+
+### 前端与后端的区别
+
+**在理解前端和后端的区别时，最直接的比喻可能就是一家餐厅。在这个比喻中，前端开发者就像是餐厅的服务员，他们直接与顾客（用户）互动，提供菜单，接收订单，并提供所需的食物（数据）。而后端开发者就像是厨师，他们在幕后处理服务员传来的订单，并准备好食物。**
+
+在技术方面，前端开发主要关注用户界面和用户体验，而后端开发则是处理服务器、应用和数据库之间的交互。后端开发者使用如 Python、Ruby、Java、PHP 等服务器端语言，创建应用的业务逻辑，管理数据库，以及处理用户的请求和响应。
+
+### 前端开发的重要性
+
+前端开发的重要性在于它**直接影响到用户的体验。**一个易于使用、视觉吸引人的界面可以大大增加用户的满意度，提高用户的参与度，甚至影响到公司的品牌形象。此外，前端开发也涉及到网站的可访问性和响应式设计，这可以确保所有用户，无论他们使用的设备类型或者他们的身体能力如何，都可以方便的访问和使用网站。
+
+在当今的数字化世界中，前端开发已经变得至关重要。无论是小型的静态网站，还是大型的复杂网络应用，都需要前端开发者的专业技能和经验来创建用户友好的界面。在未来，随着技术的不断发展和新的用户需求的出现，前端开发的重要性只会继续增加。
+
+## 未来发展趋势
+
+在未来，前端开发预计将继续迅速发展和变化。以下是一些可能的发展趋势：
+
+### 更丰富的交互体验
+
+随着技术的进步，我们可以预期更加丰富和复杂的用户界面和交互体验。例如，虚拟现实（VR）和增强现实（AR）技术可能会更加普及，为前端开发带来全新的挑战和机遇。另外，随着机器学习和人工智能的发展，我们可能会看到更多的自适应和个性化的用户界面。
+
+### 新的和改进的工具
+
+前端开发工具在不断发展和改进。新的编程语言、库和框架正在不断出现，以解决前端开发者面临的新的挑战。例如，WebAssembly 可能会改变我们构建和运行前端应用的方式，而像 React Native 这样的框架可能会继续改变我们开发跨平台应用的方式。
+
+### 性能优化
+
+随着用户对于网页响应速度和流畅度的期望越来越高，性能优化将继续是前端开发的重要主题。包括如何有效地使用缓存、如何优化代码以减少加载时间、如何更好地使用网络资源等方面。
+
+### Web 安全性
+
+随着网络攻击和数据泄露事件的增多，Web 安全性将成为前端开发的重要考虑因素。前端开发者需要了解如何保护用户数据，如何防止跨站脚本（XSS）攻击，跨站请求伪造（CSRF）等。
+
+### 可访问性和包容性
+
+在未来，可访问性和包容性可能会成为前端开发的更重要的考虑因素。这意味着创建的网站和应用需要对所有人开放，无论他们的能力如何。这包括对于屏幕阅读器友好的设计，对于不同的输入方法（例如语音输入）的支持，以及对于不同文化和语言的考虑。