Day 战略重构方案 — 从课程目录到 AI 自学操作系统

Day 战略重构方案 — 从课程目录到 AI 自学操作系统

核心问题:当前网站是一个”课程目录”,用户浏览一次就离开。我们需要把它变成一个”学习伴侣”,让用户每天都有理由回来。


一、问题诊断

当前状态的本质

维度现状问题
产品定位课程聚合目录只解决了”有哪些课”,没解决”怎么学”
用户旅程浏览 → 收藏 → 离开没有持续使用的理由
核心价值信息聚合(一次性)用户获取信息后就不再需要你
学习闭环看了课 ≠ 学了,没有练习、复习、反馈环节
粘性来源进度条、收藏功能太轻,不构成留存动力

自学者的真实痛点(未被解决的)

痛点 1:迷茫    → "我该学什么?85门课,从哪开始?"
痛点 2:孤独    → "没有人一起学,遇到问题没人问"
痛点 3:低效    → "看了视频觉得懂了,过一周全忘了"
痛点 4:断档    → "学了两天就断了,再也捡不起来"
痛点 5:空洞    → "学了理论,不知道能做什么项目"
痛点 6:焦虑    → "AI 发展太快,我是不是落后了?"

关键洞察:当前网站只解决了”信息获取”这一个环节,但自学者在学习的全链路上都有痛点。我们要做的是覆盖整个学习链路


二、战略方向:AI 自学操作系统

从”课程目录”到”学习伴侣”

之前:  用户 → 找课程 → 离开(一次性)
之后:  用户 → 找课程 → 制定计划 → 每日学习 → 练习巩固 → 项目实战 → 持续回来(日常化)

核心理念

  1. 不重复造轮子 — 不自己做课程内容,而是做课程之上的”学习层”
  2. 纯前端可实现 — 所有功能基于 GitHub Pages + localStorage,无需后端
  3. 每日有价值 — 每次打开都有新的、个性化的内容
  4. 渐进式实施 — 每个功能独立可用,组合起来形成生态

三、六大核心功能(按优先级排序)


🧭 功能 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 2DSVG 绘制(不引入重型库)
  • 节点数据从 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 APIOpenAI 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 学习路径向导P03 天课程数据
每日学习任务 + 日历P03 天学习路径
概念速查 + 自测题库P05 天课程数据
学习路径数据化(与课程关联)P02 天课程数据

预计总工时:~13 天

Phase 4 — 实践与可视化

目标:从”看”到”做”

功能优先级工作量依赖
内置代码练习场(Pyodide)P15 天-
AI 知识图谱P14 天领域数据
成就系统P13 天学习日志
课程详情页P12 天课程数据

预计总工时:~14 天

Phase 5 — 社交与高级功能

目标:形成社区

功能优先级工作量依赖
学习排行榜P23 天成就系统
AI 学习助手P25 天API 集成
学习计划导出P22 天学习路径
AI 领域动态P23 天RSS/API
PWA 离线支持P22 天-

预计总工时:~15 天


七、成功指标

核心指标

指标当前(估算)目标(3 个月后)目标(6 个月后)
日均访问量~1050200
平均停留时间~1 分钟5 分钟10 分钟
7 日留存率~5%20%40%
课程完成率~2%15%25%
每日学习用户~02080

功能使用率目标

功能目标使用率
学习路径向导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"

粘性来源

  1. 每日任务 → 每天打开都有事做
  2. 学习日历 → 不想断掉连续记录
  3. 自测题库 → 定期巩固,防止遗忘
  4. 代码练习 → 动手实践,学以致用
  5. 成就系统 → 解锁徽章的成就感
  6. 知识图谱 → 看到自己的成长轨迹

差异化优势

  • 免费:所有功能完全免费,无广告
  • 无需注册:localStorage 本地存储,隐私友好
  • AI 专注:不是通用学习平台,是 AI 垂直领域的专家
  • 开源:代码完全开源,可自由定制
  • 轻量:纯前端,加载快,无依赖

文档版本:v1.0 创建日期:2026-06-10 作者:Day Strategy Team