C 语言诞生于 1972 年,半个世纪后的今天,它依然是操作系统内核、嵌入式系统、数据库引擎等底层软件的基石。然而市面上的 C 语言学习资源大多停留在"读课本 + 做习题"的模式,缺乏即时反馈和游戏化的激励。
这个项目试图回答一个问题:"如果让一个完全零基础的人,在浏览器里像玩游戏一样学 C 语言,会是什么体验?"
传统教学是"先讲完所有语法,再开始写代码"。我们反过来——你在第 1 关就开始改代码、看输出。每个关卡只引入最少的新概念,确保你能立刻动手。
常规关卡提供初始代码模板,帮你聚焦在关键知识点上。但每章末尾的**章末挑战(🏆)**完全不给代码——你需要从空白编辑器开始,自己搭建整个程序结构。这是刻意设计的"脱辅"环节。
不是每个人都有配置好的 C 开发环境。内置的 JavaScript C 模拟器可以运行绝大多数关卡的代码,确保零配置即可开始学习。当你准备好后,可以接入真实的 GCC/MSVC 编译器。
每通过一关获得 XP,累计通关数和 XP 双维度解锁 9 枚成就徽章。这不是敷衍的"做得好!"——成就弹窗有专属动画,侧栏实时显示进度。
| 选择 | 理由 |
|---|---|
| Node.js + Express | 轻量、零配置、跨平台 |
| 原生 HTML/CSS/JS | 无构建工具,任何浏览器打开即可运行 |
| JSON 文件存储 | 无需数据库,数据随仓库分发 |
| 暗色主题 | 程序员长时间学习,暗色护眼 |
| 单文件 SPA | 54KB 的 index.html 包含全部前端逻辑 |
选择这些技术有一个共同原则:让项目开箱即用。克隆仓库 → npm install → npm start,三步即可运行。
教学内容基于 《C Primer Plus》(Stephen Prata 著)的知识体系编排。这是公认的 C 语言入门经典,以循序渐进、示例丰富著称。
关卡设计和章末挑战题目为原创内容,结合了实际教学中常见的练习模式。
Siloxane — 一个相信"学编程应该是有趣的"的开发者。
- GitHub: @Siloxane8888
- marked.js — Markdown 渲染
- highlight.js — 代码高亮
- Express — Web 框架
- JetBrains Mono — 等宽字体
- 《C Primer Plus》— 教学体系参考
MIT License — 自由使用、修改、分发。