diff --git a/src/SUMMARY.md b/src/SUMMARY.md
index 065a05c..9584837 100644
--- a/src/SUMMARY.md
+++ b/src/SUMMARY.md
@@ -47,6 +47,8 @@
   - [Docker](./useful/docker.md)
 - [程序员指南](./programmer/programmer.md)
 - [MISC](./misc/misc.md) 
+- [软件开发](./develop/front.md)
+  - [Front End](./develop/front.md)
 
 ---
 
diff --git a/src/develop/front.md b/src/develop/front.md
new file mode 100644
index 0000000..be6c190
--- /dev/null
+++ b/src/develop/front.md
@@ -0,0 +1,21 @@
+# Front End
+
+- HTML & CSS [[Bibilili](https://www.bilibili.com/video/BV1kM4y127Li)] 
+  - float布局不用学，熟悉flex和grid即可
+  - 自测：能完成基本的静态页面
+- JavaScript [[Bilibili](https://www.bilibili.com/video/BV1Y84y1L7Nn)] [[现代JavaScript](https://zh.javascript.info/)]
+- Vue [[Bilibili-尚硅谷](https://www.bilibili.com/video/BV1Zy4y1K7SH)] [[Bilibili-小满](https://www.bilibili.com/video/BV1dS4y1y7vd)]
+  - 小满的比较难，需要有vue2基础，看自己情况
+- 项目实战 [[Bilibili](https://www.bilibili.com/video/BV1Ac411K7EQ)] 
+  - 到这时候，已经能够承担前端工作了，如果bg比较好的话，可以找到实习
+
+## 进阶
+
+> 实际上这些是必需品，如果面试的时候就会这些的话，可以有效提高竞争力。不过虽然大厂一般都需要这些，但也会允许实习生到岗再学习。
+
+- TypeScript [[Bilibili-小满](https://www.bilibili.com/video/BV1wR4y1377K)]
+  - 实际中用不到这么复杂的ts，一般去掘金上看几篇教程就够用了。不过小满的教程看明白的话，可以和面试官掰扯很久。
+- React [[官网](https://zh-hans.react.dev/learn)] [[Bilibili-小满](https://www.bilibili.com/video/BV1mcpPeMETt)]
+  - 抠字眼的话，`Vue`是前端框架，而`React`只是JS库。也就是说，`React`并没有很复杂的语法和API，只是对`JavaScrip`的熟练程度要求较高。不要在教程上面纠结太长时间，把生命周期看明白之后就去看项目。
+- Node [[Bilibili-小满](https://www.bilibili.com/video/BV1cV4y1B7P4)] 
+  - 前端就是全栈！有的大厂会用Node搭建`BFF`(Backend For FrontEnd)，还会搭配上`Nest`、`GraphQL`等技术。到这里就比较难了，有了解即可。