MOUKA-513/90DaysOfCyberSecurity-Interactive
GitHub: MOUKA-513/90DaysOfCyberSecurity-Interactive
一个轻量交互式 95 天网络安全学习路线图，帮助零基础者从入门到就业-ready 的资源聚合与进度管理。
Stars: 0 | Forks: 0
# 🛡️ 95 天网络安全——交互式路线图
## 👀 预览
为有志于成为网络安全专业人士设计的逐日学习计划。本项目提供结构化的路线图，包含经过筛选的高质量免费资源（视频、教程、实验），引导你从基础概念到职业准备。
## 🌐 实时演示
👉 **[点击此处立即体验交互式路线图！](https://MOUKA-513.github.io/90DaysOfCyberSecurity-Interactive/)** 👈
基于原始课程 [90DaysOfCyberSecurity](https://github.com/farhanashrafdev/90DaysOfCyberSecurity)。
## 📌 目录
* [🚀 功能](#-features)
* [📁 项目结构](#-project-structure)
* [🔧 安装](#-installation)
* [▶️ 使用方法](#️-usage)
* [📅 阶段概览](#-phases-overview)
* [🧰 使用技术](#-technologies-used)
* [📚 学习方法](#-learning-approach)
* [🛠️ 自定义](#️-customization)
* [🐛 故障排除](#-troubleshooting)
* [🌟 致谢](#-credits)
* [🤝 贡献者](#-contributors)
* [📄 许可证](#-license)
## 🚀 功能
* 📆 **95 天结构化学习**（90 天核心 + 5 天职业准备）
* 🔍 **基于阶段的过滤系统**，便于针对性学习
* 🔗 **一键访问精选资源**（快速学习）
* 💎 **现代化响应式 UI**，采用玻璃态设计
* ⚡ **轻量快速**——无框架、无依赖
* 📱 **移动端友好体验**
## 📁 项目结构
```
.
├── index.html # Main application interface
├── styles.css # UI styling and layout
├── script.js # Learning data + filtering logic
└── README.md # Project documentation
```
## 🔧 安装
1. **克隆仓库**
git clone https://github.com/MOUKA-513/90DaysOfCyberSecurity-Interactive.git
2. **进入项目目录**
cd 90DaysOfCyberSecurity-Interactive
3. **打开项目**
* 直接在浏览器中打开 `index.html`
## ▶️ 使用方法
* 在任意现代浏览器中打开 `index.html`
* 使用 **阶段筛选器** 聚焦特定学习阶段
* 点击任意 **资源链接** 开始当天的课程
* 按顺序学习或根据需要跳转主题
## 📅 阶段概览
| 阶段 | 天数 | 重点领域 |
| ------- | ----- | ------------------------------------- |
| 阶段 1 | 1–14 | Network+ 与 Security+ 基础 |
| 阶段 2 | 15–42 | Linux 命令行与 Python 脚本 |
| 阶段 3 | 43–70 | 流量分析、Git、ELK 栈 |
| 阶段 4 | 71–90 | 云安全与道德黑客 |
| 阶段 5 | 91–95 | 职业准备与求职 readiness |
## 🧰 使用技术
* **HTML5** – 结构
* **CSS3** – 样式与动画（玻璃态 UI）
* **JavaScript（原生）** – 逻辑与交互
* **Font Awesome** – 图标
* **Plus Jakarta Sans** – 排版
## 📚 学习方法
本路线图采用 **渐进式、动手实践** 的学习策略：
* 从 **基础知识** 开始（网络与安全基础）
* 通过 **Linux 与 Python** 构建实用技能
* 过渡到 **真实工具**（ELK、Git、流量分析）
* 探索 **高级领域**（云安全与渗透测试）
* 以 **职业准备** 收尾
## 🛠️ 自定义
你可以轻松修改路线图：
* 编辑 `script.js` 以：
* 添加或删除天数
* 更新学习资源
* 调整阶段分类
* 修改 `styles.css` 以：
* 更改主题/颜色
* 自定义布局与动画
## 🐛 故障排除
**问题：页面加载异常**
* 确保所有文件位于同一目录
**问题：链接无法使用**
* 检查 `script.js` 中的 URL
**问题：样式异常**
* 检查浏览器兼容性（建议使用现代浏览器）
## 📄 许可证
本项目采用 **MIT 许可证**。
你可以自由使用、修改和分发本项目，但需保留适当署名。
## 💡 为何选择本项目？
大多数网络安全路线图要么过于模糊，要么令人不知所措。
本项目为你提供：
- 清晰明确的每日路径
- 无冗余内容
- 从入门到就业-ready 的真实进阶
## 📬 与我联系
[](https://github.com/MOUKA-513)
[](https://x.com/m0ukaa513)
[](https://instagram.com/mouka.513)
为有志于成为网络安全专业人士设计的逐日学习计划。本项目提供结构化的路线图，包含经过筛选的高质量免费资源（视频、教程、实验），引导你从基础概念到职业准备。
## 🌐 实时演示
👉 **[点击此处立即体验交互式路线图！](https://MOUKA-513.github.io/90DaysOfCyberSecurity-Interactive/)** 👈
基于原始课程 [90DaysOfCyberSecurity](https://github.com/farhanashrafdev/90DaysOfCyberSecurity)。
## 📌 目录
* [🚀 功能](#-features)
* [📁 项目结构](#-project-structure)
* [🔧 安装](#-installation)
* [▶️ 使用方法](#️-usage)
* [📅 阶段概览](#-phases-overview)
* [🧰 使用技术](#-technologies-used)
* [📚 学习方法](#-learning-approach)
* [🛠️ 自定义](#️-customization)
* [🐛 故障排除](#-troubleshooting)
* [🌟 致谢](#-credits)
* [🤝 贡献者](#-contributors)
* [📄 许可证](#-license)
## 🚀 功能
* 📆 **95 天结构化学习**（90 天核心 + 5 天职业准备）
* 🔍 **基于阶段的过滤系统**，便于针对性学习
* 🔗 **一键访问精选资源**（快速学习）
* 💎 **现代化响应式 UI**，采用玻璃态设计
* ⚡ **轻量快速**——无框架、无依赖
* 📱 **移动端友好体验**
## 📁 项目结构
```
.
├── index.html # Main application interface
├── styles.css # UI styling and layout
├── script.js # Learning data + filtering logic
└── README.md # Project documentation
```
## 🔧 安装
1. **克隆仓库**
git clone https://github.com/MOUKA-513/90DaysOfCyberSecurity-Interactive.git
2. **进入项目目录**
cd 90DaysOfCyberSecurity-Interactive
3. **打开项目**
* 直接在浏览器中打开 `index.html`
## ▶️ 使用方法
* 在任意现代浏览器中打开 `index.html`
* 使用 **阶段筛选器** 聚焦特定学习阶段
* 点击任意 **资源链接** 开始当天的课程
* 按顺序学习或根据需要跳转主题
## 📅 阶段概览
| 阶段 | 天数 | 重点领域 |
| ------- | ----- | ------------------------------------- |
| 阶段 1 | 1–14 | Network+ 与 Security+ 基础 |
| 阶段 2 | 15–42 | Linux 命令行与 Python 脚本 |
| 阶段 3 | 43–70 | 流量分析、Git、ELK 栈 |
| 阶段 4 | 71–90 | 云安全与道德黑客 |
| 阶段 5 | 91–95 | 职业准备与求职 readiness |
## 🧰 使用技术
* **HTML5** – 结构
* **CSS3** – 样式与动画（玻璃态 UI）
* **JavaScript（原生）** – 逻辑与交互
* **Font Awesome** – 图标
* **Plus Jakarta Sans** – 排版
## 📚 学习方法
本路线图采用 **渐进式、动手实践** 的学习策略：
* 从 **基础知识** 开始（网络与安全基础）
* 通过 **Linux 与 Python** 构建实用技能
* 过渡到 **真实工具**（ELK、Git、流量分析）
* 探索 **高级领域**（云安全与渗透测试）
* 以 **职业准备** 收尾
## 🛠️ 自定义
你可以轻松修改路线图：
* 编辑 `script.js` 以：
* 添加或删除天数
* 更新学习资源
* 调整阶段分类
* 修改 `styles.css` 以：
* 更改主题/颜色
* 自定义布局与动画
## 🐛 故障排除
**问题：页面加载异常**
* 确保所有文件位于同一目录
**问题：链接无法使用**
* 检查 `script.js` 中的 URL
**问题：样式异常**
* 检查浏览器兼容性（建议使用现代浏览器）
## 📄 许可证
本项目采用 **MIT 许可证**。
你可以自由使用、修改和分发本项目，但需保留适当署名。
## 💡 为何选择本项目？
大多数网络安全路线图要么过于模糊，要么令人不知所措。
本项目为你提供：
- 清晰明确的每日路径
- 无冗余内容
- 从入门到就业-ready 的真实进阶
## 📬 与我联系
[](https://github.com/MOUKA-513)
[](https://x.com/m0ukaa513)
[](https://instagram.com/mouka.513)标签：95天, CMS安全, CSS, DNS解析, GitHub Pages, HTML, JavaScript, Python, 一键跳转, 云计算, 互动学习, 免费资源, 响应式设计, 学习路线图, 开源项目, 数据可视化, 无后门, 玻璃拟态, 移动友好, 结构化学习, 网络基础, 网络安全, 职业发展, 自定义脚本, 规则引擎, 阶段过滤, 隐私保护, 静态网站