From e5dac77edaf6f869e8189c9672f861a98ea0366a Mon Sep 17 00:00:00 2001
From: cqh963852 <cqh963852@hotmail.com>
Date: Sat, 19 Oct 2024 11:31:03 +0800
Subject: [PATCH] chore

---
 README.md | 50 ++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 48 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 743ce3f..95d0de6 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,50 @@
 # 路线图
+- [ ] 调整结构，更改 [顶部导航栏](#顶部导航栏)
+- [ ] 入门教程补充一些视频，便于跟随操作
+- [ ] 升级框架
 
-- 增加一些 gif 动画，增加直观度。
-- 所有的操作都在 vscode 中进行。避免在操作系统中操作。
\ No newline at end of file
+# 顶部导航栏
+
+1. 入门教程
+2. 专业教程
+
+## 入门教程
+
+入门教程主要用于 **零** 基础入门。
+
+针对稍有一些计算机知识，但是完全无软件工程经验人群。（典型人群：大学新生）
+
+学习入门教程的目的是
+
+1. 找到合适的工具
+2. 找到正确的 [反馈方式](#反馈方式)
+
+## 专业教程
+
+专业教程主要用于已经有相关经验，但细节不足的人群。
+
+如：
+
+- css
+  1. 知道一种编写 css 的方式，但是仍然想学习其他编写方式。
+  2. 能写有一点 css 但是对复杂样式没有实现思路，或者实现的慢，没有一套指导思路。
+
+- js
+  1. 能够掌握一种运行 js 脚本的方式，但是还想知道是否有其他运行脚本的方式。
+  2. 能够完成一些程序的编写，但是经常被数据结构弄得很头疼，不知道如何将问题分解为合适的数据结构。
+
+等等
+
+专业教程的目的是提供工具的更多可能性。以及阐述相关的原理。
+
+相比于入门教程，专业教程不再重视结果的反馈，而是原理性的解释。
+
+相关的结果，仅提供一些沙盒程序进行展示。（stackblitz）
+
+## 反馈方式
+
+每种工具都会有反馈方式，工具不同，反馈方式也不同。
+
+比如：
+1. 前端 H5 CSS 依靠浏览器展示内容。
+2. 后端依靠控制台输出。（日志，字符串）