Basic Coding Concepts：同一思路， 三种语法！
Basic Coding Concepts 让你不被某一门具体语言绑住，纯粹学编程。多数入门站点只教 Python，或 JavaScript，或 Java。我们把三者下面共同的思路并排展示，让你不再混淆「这是语言的事」还是「这是概念的事」。一旦想通这一点，任何其他教程都会变得简单。
// Same idea. Three syntaxes. function greet(name) { return `Hello, ${name}!`; } # Python def greet(name): return f"Hello, {name}!" // Java public static String greet(String name) { return "Hello, " + name + "!"; }
为什么 Basic Coding Concepts 比其他「学编程」站点更好。
我们用一条铁律重写了 Basic Coding Concepts 的每一节课：这里没有任何内容是别处的复制。每一页都原创，例子都真实，可视化都能跑。
实时动画可视化
一次一步走过循环。看变量流入它们的盒子。看调用栈伸展又收回。是真正的动画，不是截图。
一个概念，三种语言
每个例子都同时以 JavaScript、Python、Java 呈现。切换标签——你的选择会在整个网站记住。
「常见 bug」专页
每个概念都有一页专门列出新手真会踩的 bug。把坏代码贴进去，看修复，继续前进。
Spot the Bug — 小游戏
内置的小游戏，不断轮换有 bug 的代码片段。点你认为出错的那一行。分数会保存。
60 秒看懂概念
每节课开头是一张 60 秒的 TL;DR 卡片。翻完 13 张，你就有了编程的整体形状。
面试可用的答案
50 道适合初学者的面试题，每题都给出真正能拿到 offer 的答案，对应到每个概念。
一步一步看 for 循环。
点击 Step 一行一行往前走。看变量怎么更新，看控制台怎么填满。
这个可视化也嵌在循环这一课里。变量、函数调用、递归的版本各自在它们的页面上。
🐛 Spot the Bug
五秒钟的事。点你觉得有 bug 的那一行——解释会告诉你为什么。
Basic Coding Concepts 与其他人。
典型「编程入门」站点不够的地方——以及我们做了什么不一样。
| 项目 | 多数「编程入门」站点 | Basic Coding Concepts |
|---|---|---|
| 并排展示的语言 | 1 种（通常是 JS） | 3 种（JS · Python · Java） |
| 真正能用的交互可视化 | 嘴上说有，少有真做 | 4 种 — 循环、变量、调用栈、spot-the-bug |
| 每个概念的「常见 bug」参考 | 无 | 13 个专页 |
| 面试题库 | 无 | 50+ 题，按概念分类 |
| 迷你项目教程 | 0–2 个 | 5 个，每个 1 小时内做完 |
| 作者身份 / E-E-A-T | 「编辑团队」 | 两位实名作者，复审有日期 |
| 需要注册 | 经常，迟早都要 | 不需要 |
| 广告、增购、「高级」 | 有 | 无 |
学习者怎么说。
三种语言并排的标签把我脑子里某个东西敲开了——往好的方向。我终于看清什么是语言、什么是真正的概念。
循环可视化是我用过最好的教学工具。让我整个训练营的同期都用上了。
变量的『常见 bug』那一页第一周就为我省下一个小时的迷茫。应该列为必读。
认识 Bee，我们的首席调试官 🐝
她出现在难度高的页面上，标出 Mark 和 Tom 在 100+ 学生身上亲眼见过的 bug。看见她的时候放慢——她在指一处大多数新手会错过的地方。关于 Bee 的更多 →