循码 Codepath×CodeMaster
两个免费、开源、纯网页的编程学习站：一个带你从零开始，一个教你看懂别人的代码。
所有功能、用法、适用人群，这一页说清楚。
先说怎么选
两个站互相挂了入口，但分工不同。
| 你现在的状态 | 去哪个站 |
|---|---|
| 完全零基础，连环境都不会装 | 循码 — 打开网页就能写 |
| 想先试试自己适不适合学编程 | 循码 — 先玩 6 个闯关游戏，不写代码 |
| 学了一阵，不知道自己到底会不会 | 循码 — 三态断言给你证据 |
| 会写语法，拿到 GitHub 项目不知从哪读起 | CodeMaster — 拆解实验室 |
| 想学 Linux / 后端 / AI 智能体 | CodeMaster — 13 条赛道 |
| 用 AI 写代码，但看不懂它写了啥 | CodeMaster — 事故复盘 + 三维审计 |
循码 Codepath 零基础 · 免费
一个纯网页的中文编程课堂：打开浏览器就能写并运行真的 Python / SQL / JavaScript / TypeScript，不用装任何开发环境。30 条学习路径 · 232 节 · 全免费。
它解决的三个问题
| 常见卡点 | 循码的做法 |
|---|---|
| 第一步装 Python、配环境，一半人卡死在这 | 整步删掉。Python 在浏览器里真跑（Pyodide 自托管），打开就写 |
| "看着都懂，一写就错" | 练习跑真实断言，能分清「没写 / 写错 / 业务逻辑写错」 |
| 不知道学到哪了 | 学习路径 + 学习记录 + 跨设备同步 |
先玩起来：闯关乐园的 6 个游戏
不写代码也能玩，用来建立编程直觉——零基础最先接触的就是这些。
LEVEL 01
电脑探险岛
认识鼠标、键盘、窗口和文件夹。完全不带代码。
LEVEL 02
指令迷宫
用顺序、条件、重复和函数帮机器人走出迷宫。
LEVEL 03
Python 萌芽塔
认符号、追变量、选分支，一层一层登塔。
LEVEL 04
Bug 捕虫队
认识错误、学会看报错信息。
LEVEL 05
AI 安全守门员
AI 应用的安全边界意识。
LEVEL 06
陌生项目侦察局
面对陌生项目，先看什么。
闯关乐园：星级评价、锁定解锁、连对记录、自动错题本，做成了游戏的样子
课程全景
| 阶段 | 内容 |
|---|---|
| 从真的零开始 | 零号训练营·先会用电脑（鼠标/键盘/窗口/文件）→ 编程思维·不写代码先会想 → Python 慢速起步·一次只学一件事 |
| 语言与基础 | Python（26 节）· SQL · 数据结构 |
| 语言扩展 | JavaScript·网页开始行动 · TypeScript·为代码建立约定 |
| 系统 | Linux·从终端到服务排障 |
| 进阶 | 读别人的代码（20 节）：陌生仓库先看什么 / 读目录 / 找入口 / 复现运行 |
| AI 应用 | 模型调用 / 结构化输出 / 工具调用 / Agent / 多智能体（16 节） |
代码是真的在跑
| 语言 | 怎么跑的 |
|---|---|
| Python | Pyodide（wasm 版 CPython），自托管在站点内 |
| SQL | 每道题重建一个 SQLite 练习库，随便改不怕坏 |
| JavaScript | 沙箱隔离执行 |
| TypeScript | 内嵌真实编译器（5.9.3），strict 检查 |
三态判定：练习不比对输出，跑真实断言——「没写」「写错」「写对」分得清清楚楚；写错了还会告诉你错在哪一类。这是"真的会了"和"看着会了"的区别。
界面总览
首页「今日学习」：左侧八大板块，右侧当天学习卡片
学习路径：30 条路径的组织视图
每日挑战：14 道小题，一天一道
实战项目：把知识点串成能跑的程序
手机端：窄屏下侧边栏自动变顶部导航
其他功能
| 功能 | 说明 |
|---|---|
| 免登录使用 | 直接学，进度存本机浏览器 |
| 注册登录同步 | 邮箱注册几秒钟，进度存云端，换设备接着学 |
| 接自己的大模型 | 右上角齿轮，支持 OpenAI / DeepSeek / Ollama 本地等；Key 只存你浏览器，不发到循码服务器 |
| 问问 AI 助手 | 没配 Key 也能用，给本地演示回复，不报错 |
| 深色模式 | 右上角月亮，可跟随系统，刷新不闪 |
| 笔记与学习记录 | 随时记，可回看历史轨迹 |
CodeMaster 读源码 · 全栈 · AI
零基础到读得懂开源项目源码的交互式实战学院：13 条赛道 · 35 节课 · 51 个自动判定检查点 · 2 个真实开源项目拆解实验室 · 2 个代码事故复盘案例。
CodeMaster 首页
13 条赛道
| # | 赛道 | 课时 | 检查点 |
|---|---|---|---|
| 0 | 零基础极速启蒙：只会开关机也能懂的编程入门 | 7 | 7 |
| 1 | Python 核心基石 | 3 | 5 |
| 2 | Java 企业级内核 | 2 | 2 |
| 3 | 数据结构与算法思维 | 2 | 2 |
| 4 | SQL 与现代数据持久化 | 1 | 1 |
| 5 | FastAPI 现代异步接口架构 | 1 | 1 |
| 6 | Spring Boot 3 企业级微服务 | 1 | 1 |
| 7 | Spring AI 企业智能体集成 | 1 | 1 |
| 8 | Agent 智能体核心架构 | 1 | 1 |
| 9 | Multi-Agent 多智能体协同 | 1 | 1 |
| 10 | 智能体与多智能体系统全景进阶 | 5 | 9 |
| 11 | Linux 现代操作系统与服务运维 | 5 | 10 |
| 12 | TypeScript 现代全栈类型工程 | 5 | 10 |
每条赛道另配企业级落地项目验收标准：架构分层 + 验收条目 + 交付物清单 + 验证步骤。
核心模块
| 模块 | 做什么 |
|---|---|
| GitHub 拆解实验室 | 2 个真实开源项目：架构蓝图、文件树、调用链路追踪、关键源码逐行注释、热修复挑战（改坏一个点，你修回来） |
| 代码掌控力实训 | 2 个"看起来完全正常"的事故案例，还原为什么会炸、生产环境怎么炸、怎么加固 |
| 代码审核与测试中心 | 可通性 / 可行性 / 安全性 三维静态审计，可跑全站自动化回归测试 |
| 每日挑战 | 每天一道微算法题或事故选择题，连续打卡 + 经验值 |
| 智能助教 | 侧边抽屉对话，结合当前赛道、课程与编辑器代码上下文作答 |
| 成就与进度 | 经验值、连续打卡天数、徽章解锁 |
| 代码执行沙箱 | Python（Pyodide）/ TS·JS（Web Worker）/ SQL（SQLite WASM）浏览器真跑，零后端，超时熔断 |
| Vibe Coding 控制室 | AI 生成代码的驾驭力训练：为什么这么写、边界在哪 |
CodeMaster 手机端
上手只要三步
- 打开
codepath-academy.pages.dev（不用注册） - 先去「闯关乐园」玩一关——不写代码，先有感觉
- 进「学习路径」写第一行 Python，点「运行并检查」
想读源码 / 学 Linux / 学 AI 应用：去
codemaster-academy.pages.dev。两个站都免费，不合适关掉就行——反正什么都没装。已知边界与短板
先自己认领，免得你来踩坑。
| 短板 | 说明 |
|---|---|
| 首次跑代码要联网下环境 | Python 走 Pyodide，第一次运行要下载运行环境（约 10MB），需要等几秒。弱网下会慢，所以别在地铁上赶着跑代码 |
| 没有社区功能 | 目前是单人学习闭环，没有讨论区 |
| 部分 AI 模块是"配置阅读" | 能跑的先跑，跑不了的明确标注是配置/阅读，不装样子 |
| 不登录只存本机 | 换浏览器或清缓存会丢进度，跨设备请注册 |
| CodeMaster 事故复盘只有 2 个案例 | 量不多，会持续加 |
| 智能助教不填 Key 时 | 走本地引擎，回复偏模板 |