Day 战略重构方案 — 从课程目录到 AI 自学操作系统
Day 战略重构方案 — 从课程目录到 AI 自学操作系统
核心问题:当前网站是一个”课程目录”,用户浏览一次就离开。我们需要把它变成一个”学习伴侣”,让用户每天都有理由回来。
一、问题诊断
当前状态的本质
| 维度 | 现状 | 问题 |
|---|---|---|
| 产品定位 | 课程聚合目录 | 只解决了”有哪些课”,没解决”怎么学” |
| 用户旅程 | 浏览 → 收藏 → 离开 | 没有持续使用的理由 |
| 核心价值 | 信息聚合(一次性) | 用户获取信息后就不再需要你 |
| 学习闭环 | 无 | 看了课 ≠ 学了,没有练习、复习、反馈环节 |
| 粘性来源 | 进度条、收藏 | 功能太轻,不构成留存动力 |
自学者的真实痛点(未被解决的)
痛点 1:迷茫 → "我该学什么?85门课,从哪开始?"
痛点 2:孤独 → "没有人一起学,遇到问题没人问"
痛点 3:低效 → "看了视频觉得懂了,过一周全忘了"
痛点 4:断档 → "学了两天就断了,再也捡不起来"
痛点 5:空洞 → "学了理论,不知道能做什么项目"
痛点 6:焦虑 → "AI 发展太快,我是不是落后了?"
关键洞察:当前网站只解决了”信息获取”这一个环节,但自学者在学习的全链路上都有痛点。我们要做的是覆盖整个学习链路。
二、战略方向:AI 自学操作系统
从”课程目录”到”学习伴侣”
之前: 用户 → 找课程 → 离开(一次性)
之后: 用户 → 找课程 → 制定计划 → 每日学习 → 练习巩固 → 项目实战 → 持续回来(日常化)
核心理念
- 不重复造轮子 — 不自己做课程内容,而是做课程之上的”学习层”
- 纯前端可实现 — 所有功能基于 GitHub Pages + localStorage,无需后端
- 每日有价值 — 每次打开都有新的、个性化的内容
- 渐进式实施 — 每个功能独立可用,组合起来形成生态
三、六大核心功能(按优先级排序)
🧭 功能 1:AI 学习路径向导(优先级:P0)
解决痛点:迷茫 — “85门课,我该从哪开始?”
问题
当前的学习路径是 3 张静态卡片,和课程数据完全脱节。用户看完不知道该做什么。
方案:交互式学习路径生成器
入口:Hero 区域的”探索学习路径”按钮 → 打开一个引导式问答
用户流程:
Step 1: 你的目标是什么?
○ 成为 AI 工程师(偏应用)
○ 成为 AI 研究员(偏理论)
○ 了解 AI 基础(科普向)
○ 转行进入 AI 领域
Step 2: 你目前的水平?
○ 零基础(不懂编程)
○ 有编程基础(会 Python)
○ 有 ML 基础(学过一些课程)
○ 有经验(做过项目)
Step 3: 你每周能投入多少时间?
○ 2-5 小时(业余)
○ 5-10 小时(半职)
○ 10+ 小时(全职学习)
Step 4: 你最感兴趣的领域?(可多选)
□ 自然语言处理 □ 计算机视觉 □ 大语言模型
□ 强化学习 □ 机器人 □ AI 安全
□ ...(13个领域全部展示)
输出:一个个性化的学习路径卡片
┌─────────────────────────────────────────────┐
│ 🚀 你的 AI 学习路径 │
│ │
│ 预计总时长:120 小时 │
│ 推荐顺序:4 个阶段,8 门课 │
│ │
│ 阶段 1:基础(~30h) │
│ ├── [1] Andrew Ng ML 专项课 ⭐ │
│ └── [2] Python 数据科学基础 │
│ │
│ 阶段 2:核心(~40h) │
│ ├── [3] CS231n 计算机视觉 │
│ └── [4] CS224n 自然语言处理 │
│ │
│ 阶段 3:进阶(~30h) │
│ ├── [5] 大语言模型原理 │
│ └── [6] 深度学习实践 │
│ │
│ 阶段 4:实战(~20h) │
│ ├── [7] Kaggle 竞赛入门 │
│ └── [8] AI 项目部署 │
│ │
│ [一键添加到我的学习计划] [调整路径] │
└─────────────────────────────────────────────┘
技术实现
- 纯前端,基于课程数据的难度、领域、时长进行算法匹配
- 路径数据存储在 localStorage
- 每门课可直接跳转到课程页面
- 路径进度与课程进度自动同步
核心算法
function generateLearningPath(goals, level, hoursPerWeek, interests) {
// 1. 根据 level 筛选合适的难度范围
// 2. 根据 interests 优先选择相关领域课程
// 3. 根据 hoursPerWeek 计算合理的时间安排
// 4. 按依赖关系排序(基础 → 进阶)
// 5. 输出分阶段的路径
}
📅 功能 2:每日学习任务系统(优先级:P0)
解决痛点:断档 — “学了两天就断了,再也捡不起来”
问题
用户没有每日打开网站的理由。进度追踪只是被动记录,不是主动引导。
方案:每日任务 + 学习日历
每日任务卡片(Dashboard 区域,最显眼位置):
┌─────────────────────────────────────────────┐
│ 📅 今日学习任务 6月10日 周二 │
│ │
│ 今天的推荐学习(基于你的路径): │
│ │
│ ☐ 继续:CS224n Lecture 5(还剩 1.5 小时) │
│ ☐ 复习:昨日 ML 笔记中的 3 个概念 │
│ ☐ 挑战:完成一道 NLP 练习题 │
│ │
│ 🔥 连续学习:3 天 │
│ 本周目标:5 小时(已完成 2/5) │
│ │
│ [开始今日学习] │
└─────────────────────────────────────────────┘
学习日历(热力图风格,类似 GitHub 贡献图):
┌─────────────────────────────────────────────┐
│ 📊 学习日历 │
│ │
│ 1月 2月 3月 4月 5月 6月 │
│ ░░░ ░░░ ░░░ ░░░ ░░░ ▓▓░░░░░░░░░░░░░░░ │
│ ░░▓ ░░░ ░▓▓ ░░░ ▓▓▓▓░░░░░░░░░░░░░ │
│ ░░░ ░░░ ░░░ ░░░ ░░░ ░░░░░░░░░░░░░░░░░ │
│ │
│ ░ = 无学习 ▓ = 有学习(颜色深浅=时长) │
│ │
│ 最长连续:12 天 本月学习:8 小时 │
└─────────────────────────────────────────────┘
技术实现
DailyTaskManager:基于学习路径自动生成每日任务LearningCalendarManager:记录每日学习数据,渲染热力图- 使用 localStorage 存储,数据结构:
{ learningLog: { "2026-06-10": { minutes: 45, courses: ["cs224n"], completed: 2 }, "2026-06-09": { minutes: 30, courses: ["ml-spec"], completed: 1 }, // ... }, streak: { current: 3, best: 12, lastDate: "2026-06-10" }, weeklyGoal: { target: 300, current: 120 } // minutes }
🧪 功能 3:AI 概念速查 + 自测系统(优先级:P0)
解决痛点:低效 — “看了视频觉得懂了,过一周全忘了”
问题
用户学了课程但没有巩固机制。被动观看视频的留存率极低(研究表明仅 ~10%)。
方案:内置知识卡片 + 自测题库
概念速查库(按领域组织):
┌─────────────────────────────────────────────┐
│ 🧠 AI 知识库 > 机器学习 > 监督学习 │
│ │
│ 📌 概念卡片:梯度下降 │
│ │
│ 一句话:通过沿着损失函数的负梯度方向 │
│ 迭代更新参数来最小化损失的方法。 │
│ │
│ 核心公式: │
│ θ = θ - α · ∇J(θ) │
│ │
│ 关键要点: │
│ • α 是学习率,控制步长大小 │
│ • 过大会震荡,过小会收敛慢 │
│ • 变体:SGD、Adam、RMSProp │
│ │
│ 相关概念:[学习率] [损失函数] [反向传播] │
│ 来源课程:Andrew Ng ML 专项课 Lecture 3 │
│ │
│ [✅ 我已掌握] [🔄 需要复习] [📝 添加笔记] │
└─────────────────────────────────────────────┘
自测题库:
┌─────────────────────────────────────────────┐
│ 📝 每日自测 — 机器学习(5 题) │
│ │
│ Q1: 以下哪个不是梯度下降的变体? │
│ ○ A. SGD ○ B. Adam │
│ ○ C. Dropout ○ D. RMSProp │
│ │
│ [提交] [跳过] │
│ │
│ 进度:1/5 正确率:-- │
└─────────────────────────────────────────────┘
题库内容来源
- 每门课程配套 10-20 道选择题/判断题
- 概念卡片从课程描述和标签中提取
- 题目难度与课程难度对应
- 支持用户自定义添加题目
技术实现
QuizManager:管理题库、答题记录、正确率统计FlashcardManager:间隔重复算法(SM-2),自动安排复习- 数据结构:
{ quizzes: { "ml-gradient-descent": { questions: [...], attempts: 3, correct: 2, lastAttempt: "2026-06-10" } }, flashcards: { "gradient-descent": { easeFactor: 2.5, interval: 4, nextReview: "2026-06-14", status: "learning" // new | learning | review } } }
💻 功能 4:内置代码练习场(优先级:P1)
解决痛点:空洞 — “学了理论,不知道能做什么”
问题
用户学了课程但没有动手实践的机会。纯看视频 = 纸上谈兵。
方案:集成在线代码编辑器 + 预设练习
代码练习场:
┌─────────────────────────────────────────────┐
│ 💻 练习:用 NumPy 实现梯度下降 │
│ │
│ 难度:⭐⭐ 领域:机器学习 预计:15 分钟 │
│ │
│ ┌─────────────────────────────────────┐ │
│ │ import numpy as np │ │
│ │ │ │
│ │ def gradient_descent(X, y, lr=0.01): │ │
│ │ # TODO: 实现梯度下降算法 │ │
│ │ # 1. 初始化权重 │ │
│ │ # 2. 计算预测值 │ │
│ │ # 3. 计算梯度 │ │
│ │ # 4. 更新权重 │ │
│ │ pass │ │
│ └─────────────────────────────────────┘ │
│ │
│ [运行] [查看提示] [查看答案] │
│ │
│ 输出: │
│ > 运行结果将显示在这里 │
└─────────────────────────────────────────────┘
技术方案
- 集成 Pyodide(浏览器端 Python 运行时,基于 WebAssembly)
- 无需后端,纯前端运行 Python/NumPy/Pandas
- 代码模板 + 测试用例 + 即时反馈
- 练习进度存储在 localStorage
内容规划
- 每个领域 5-10 个基础练习
- 难度分级:⭐ 入门 → ⭐⭐⭐⭐⭐ 高级
- 每个练习包含:题目描述、代码模板、测试用例、参考答案
🗺️ 功能 5:AI 知识图谱(优先级:P1)
解决痛点:迷茫 — “这些概念之间有什么关系?”
问题
用户看到 85 门课、13 个领域,但不知道它们之间的关联。知识是碎片化的。
方案:交互式知识图谱
可视化展示:
┌─────────┐
│ 深度学习 │
└────┬────┘
│
┌──────────────┼──────────────┐
│ │ │
┌─────┴─────┐ ┌────┴────┐ ┌─────┴─────┐
│ 计算机视觉 │ │ NLP │ │ 强化学习 │
└─────┬─────┘ └────┬────┘ └─────┬─────┘
│ │ │
┌─────┴─────┐ ┌────┴────┐ ┌─────┴─────┐
│ 目标检测 │ │ 大模型 │ │ 机器人控制 │
└───────────┘ └─────────┘ └───────────┘
交互功能:
- 点击节点:显示该领域的课程列表、概念卡片
- 拖拽连线:查看两个领域之间的依赖关系
- 高亮路径:从起点到目标的学习路径
- 缩放/平移:浏览整个知识图谱
技术方案
- 使用 Canvas 2D 或 SVG 绘制(不引入重型库)
- 节点数据从 13 个领域的定义中生成
- 连线数据手动定义(领域间的前置关系)
- 支持触摸手势(移动端)
🏆 功能 6:成就系统 + 学习社区(优先级:P1)
解决痛点:孤独 + 断档 — “没有人一起学,坚持不下去”
成就徽章系统
┌─────────────────────────────────────────────┐
│ 🏆 我的成就 │
│ │
│ 已解锁 3/20 │
│ │
│ 🌟 初学者 — 完成第一门课程 ✅ 已解锁 │
│ 🔥 连续学习者 — 连续 7 天学习 ✅ 已解锁 │
│ 📚 求知者 — 收藏 10 门课程 ✅ 已解锁 │
│ 🎯 专注者 — 连续 30 天学习 🔒 未解锁 │
│ 🧠 博学者 — 完成 5 个领域 🔒 未解锁 │
│ ⏰ 学习达人 — 累计 100 小时 🔒 未解锁 │
│ 💻 实战派 — 完成 10 个练习 🔒 未解锁 │
│ 📝 笔记大师 — 写 50 条笔记 🔒 未解锁 │
│ 🏅 全栈 AI — 完成所有领域各 1 门课 🔒 未解锁 │
│ ... │
└─────────────────────────────────────────────┘
学习排行榜(本地 + GitHub Gist 同步)
┌─────────────────────────────────────────────┐
│ 🏅 本月学习排行榜 │
│ │
│ 排名 用户 学习时长 完成课程 │
│ 🥇 User_A 45h 3 │
│ 🥈 User_B 32h 2 │
│ 🥉 User_C 28h 2 │
│ 4 你 12h 1 │
│ │
│ [加入排行榜](需设置昵称) │
└─────────────────────────────────────────────┘
技术方案
- 成就系统:
AchievementManager,基于 localStorage 的事件触发机制 - 排行榜:使用 GitHub Gist 作为轻量后端(免费、无需服务器)
- 用户匿名提交学习数据到公开 Gist
- 定期聚合生成排行榜
- 或使用 Firebase Realtime Database(免费额度足够)
四、辅助功能(按需实施)
📋 功能 7:学习计划导出
将学习路径导出为多种格式:
- 日历文件 (.ics):导入 Google Calendar / Apple Calendar
- Markdown 文档:可打印的学习计划
- PDF 学习手册:包含路径、课程链接、时间安排
📰 功能 8:AI 领域动态
- 使用 RSS/API 聚合 AI 领域新闻(arXiv 论文、博客文章)
- 每日在首页展示 3-5 条精选动态
- 用户可订阅感兴趣的领域
🤖 功能 9:AI 学习助手(集成 LLM)
- 使用 Claude API 或 OpenAI API(前端直连)
- 功能:解释概念、回答问题、生成练习题、代码审查
- 免费用户:每日 5 次对话
- 付费用户:无限对话(通过 API Key 自带)
📱 功能 10:PWA + 离线支持
- Service Worker 缓存核心资源
- 离线模式下可浏览已缓存的课程数据
- 添加到主屏幕,体验接近原生 App
五、数据架构升级
当前架构
localStorage
├── courseProgress: { url: progress }
├── favorites: [url, ...]
├── notes: { url: { text, timestamp } }
├── preferences: { theme, viewMode, ... }
├── searchHistory: [query, ...]
└── courseViews: { url: count }
升级后架构
localStorage
├── // 原有数据保持兼容
├── courseProgress, favorites, notes, preferences, searchHistory, courseViews
│
├── // 新增:学习路径
├── learningPaths: [{ id, name, steps: [{ courseId, status }], createdAt }]
│
├── // 新增:每日学习
├── learningLog: { "2026-06-10": { minutes, courses, completed } }
├── streak: { current, best, lastDate }
├── weeklyGoal: { target, current }
│
├── // 新增:自测系统
├── quizHistory: { quizId: { attempts, correct, lastAttempt } }
├── flashcards: { cardId: { easeFactor, interval, nextReview, status } }
│
├── // 新增:代码练习
├── codeExercises: { exerciseId: { code, passed, attempts } }
│
├── // 新增:成就系统
├── achievements: { achievementId: { unlockedAt, progress } }
│
└── // 新增:用户资料
└── userProfile: { nickname, avatar, joinDate, bio }
数据迁移策略
- 检测旧版数据格式,自动迁移到新版
- 保持向后兼容,新版数据不影响旧版功能
- 提供数据版本号,方便未来升级
六、实施路线图
Phase 3(当前迭代)— 核心学习闭环
目标:让用户有理由每天回来
| 功能 | 优先级 | 工作量 | 依赖 |
|---|---|---|---|
| AI 学习路径向导 | P0 | 3 天 | 课程数据 |
| 每日学习任务 + 日历 | P0 | 3 天 | 学习路径 |
| 概念速查 + 自测题库 | P0 | 5 天 | 课程数据 |
| 学习路径数据化(与课程关联) | P0 | 2 天 | 课程数据 |
预计总工时:~13 天
Phase 4 — 实践与可视化
目标:从”看”到”做”
| 功能 | 优先级 | 工作量 | 依赖 |
|---|---|---|---|
| 内置代码练习场(Pyodide) | P1 | 5 天 | - |
| AI 知识图谱 | P1 | 4 天 | 领域数据 |
| 成就系统 | P1 | 3 天 | 学习日志 |
| 课程详情页 | P1 | 2 天 | 课程数据 |
预计总工时:~14 天
Phase 5 — 社交与高级功能
目标:形成社区
| 功能 | 优先级 | 工作量 | 依赖 |
|---|---|---|---|
| 学习排行榜 | P2 | 3 天 | 成就系统 |
| AI 学习助手 | P2 | 5 天 | API 集成 |
| 学习计划导出 | P2 | 2 天 | 学习路径 |
| AI 领域动态 | P2 | 3 天 | RSS/API |
| PWA 离线支持 | P2 | 2 天 | - |
预计总工时:~15 天
七、成功指标
核心指标
| 指标 | 当前(估算) | 目标(3 个月后) | 目标(6 个月后) |
|---|---|---|---|
| 日均访问量 | ~10 | 50 | 200 |
| 平均停留时间 | ~1 分钟 | 5 分钟 | 10 分钟 |
| 7 日留存率 | ~5% | 20% | 40% |
| 课程完成率 | ~2% | 15% | 25% |
| 每日学习用户 | ~0 | 20 | 80 |
功能使用率目标
| 功能 | 目标使用率 |
|---|---|
| 学习路径向导 | 60% 新用户使用 |
| 每日任务 | 30% 用户每日打卡 |
| 自测题库 | 40% 用户每周完成 1 次 |
| 代码练习 | 20% 用户完成至少 1 个练习 |
| 成就系统 | 50% 用户解锁至少 3 个成就 |
八、技术约束与决策
约束
- 无后端:GitHub Pages 静态托管,不引入服务器
- 无框架:保持纯 vanilla JS,不引入 React/Vue
- 无构建工具:不引入 Vite/Webpack,保持直接开发
- 免费优先:所有外部服务使用免费额度
技术决策
| 决策 | 选择 | 理由 |
|---|---|---|
| Python 运行时 | Pyodide | 纯前端,WASM,支持 NumPy/Pandas |
| 知识图谱渲染 | Canvas 2D | 轻量,无需引入 D3.js |
| 排行榜后端 | GitHub Gist | 免费,无需服务器,API 简单 |
| AI 助手 | Claude API (前端直连) | 用户自带 API Key,无需后端 |
| 日历组件 | 自研 | 避免引入重型日历库 |
| 间隔重复算法 | SM-2 | 成熟、简单、效果好 |
九、竞品参考
| 产品 | 我们可以借鉴的 | 我们的不同 |
|---|---|---|
| OSSU CS | 结构化学习路径 | 我们有交互式生成,不是静态列表 |
| freeCodeCamp | 内置代码练习 + 成就系统 | 我们专注 AI 领域,不是全栈 |
| Anki | 间隔重复算法 | 我们集成在学习平台中,不需要单独工具 |
| GitHub 学习 | 学习日历 + 连续打卡 | 我们有 AI 知识图谱和路径向导 |
| Coursera | 课程推荐 + 进度追踪 | 我们免费、无广告、专注自学 |
十、总结
核心转变
从"给你 85 门课的列表"
到"帮你从零到一学会 AI"
粘性来源
- 每日任务 → 每天打开都有事做
- 学习日历 → 不想断掉连续记录
- 自测题库 → 定期巩固,防止遗忘
- 代码练习 → 动手实践,学以致用
- 成就系统 → 解锁徽章的成就感
- 知识图谱 → 看到自己的成长轨迹
差异化优势
- 免费:所有功能完全免费,无广告
- 无需注册:localStorage 本地存储,隐私友好
- AI 专注:不是通用学习平台,是 AI 垂直领域的专家
- 开源:代码完全开源,可自由定制
- 轻量:纯前端,加载快,无依赖
文档版本:v1.0 创建日期:2026-06-10 作者:Day Strategy Team