选择一个练习开始你的编程之旅。每个练习都设计得简单有趣，让你在不知不觉中学会编程概念！
每个程序员都从 "Hello, World!" 开始。这是你进入编程世界的第一步！ 学习如何使用 console.log()来显示文本。
学习你的第一个 TypeScript 程序
💡 提示：点击上方的"运行"按钮来执行你的代码，查看实时输出结果！
我们相信每个孩子都能学会编程。采用经过验证的教学方法， 让学习过程既高效又充满乐趣。
从最简单的概念开始，逐步增加复杂度
每个概念都通过实践练习来掌握
写完代码立刻看到结果，获得成就感
学习编程基础概念
使用 p5.js 创作视觉作品
基于 Monaco Editor（VS Code 同款），提供语法高亮、自动补全和错误提示
代码实时编译，立即看到运行结果，专业的编程体验
强大的图形编程库，让代码变成酷炫的视觉作品
针对初学者设计的错误信息，帮助快速定位和解决问题
不仅仅是编程技能，更重要的是培养解决问题的思维方式和创造能力
掌握专业级编程语言，为未来学习奠定坚实基础
培养解决问题的逻辑思维和创造力
从想法到实现，培养创造力和项目管理能力
使用变量和字符串创建个人信息展示
// 创建你的个人信息卡
let name = "小明";
let age = 12;
let hobby = "编程";
console.log("姓名: " + name);
console.log("年龄: " + age);
console.log("爱好: " + hobby);创建一个可以进行基本运算的计算器
// 简单计算器
function add(a, b) {
return a + b;
}
function multiply(a, b) {
return a * b;
}
let result = add(5, 3);
console.log("5 + 3 = " + result);使用p5.js创建一个完整的贪吃蛇游戏
// p5.js 贪吃蛇游戏
let snake = [];
let food;
function setup() {
createCanvas(400, 400);
snake.push({x: 200, y: 200});
food = createFood();
}
function draw() {
background(220);
// 游戏逻辑...
drawSnake();
drawFood();
}家长
"孩子在这里学习3个月，现在已经能独立写小程序了。最重要的是他找到了学习的兴趣，每天都会主动练习。"
学生 (12岁)
"以前觉得编程很难，但是在CodeInFlow学习很轻松。最喜欢的是可以用代码制作动画和游戏，感觉自己像个小程序员！"
教育工作者
"这个平台的教学方法很科学，循序渐进的游戏化设计让学生保持学习动力。TypeScript作为入门语言选择也很好。"
加入上千名正在学习编程的青少年，在CodeInFlow开启你的创意编程之旅。 从第一个"Hello World"到创建自己的游戏，我们陪伴你每一步成长。
我们整理了家长和学员最关心的问题，帮助您更好地了解 CodeInFlow
如果您没有找到答案，欢迎随时联系我们的客服团队。 我们很乐意为您解答任何关于编程学习的问题。
我们相信优质的编程教育应该让每个孩子都能接触。现在开始，完全免费！
完全免费的基础编程学习体验
更多高级内容和个性化指导
面向有志于深入发展的学员
我们承诺为每个孩子提供最优质的编程学习体验。 现在就开始免费学习，没有任何风险和隐藏费用。