Make C++ Programming as Easy as Building Blocks

Visual Programming Platform · Drag & Drop Coding · Real-time Preview · Guided Tutorials

🚀 Get Started 📖 Learn More

Why Choose CppBlockly?

Visual programming tool designed specifically for education

Main Program
Variable x = 10
Print "Hello"
→
int main() {
int x = 10;
cout << "Hello";
}
Core Feature

🧩 Visual Block Programming

Code by dragging blocks—no need to memorize complex syntax. The system automatically converts blocks into standard C++ code, helping students understand programming logic intuitively.

  • ✓ Drag-and-drop operation, beginner-friendly
  • ✓ Real-time code generation and preview
  • ✓ Support for variables, loops, functions, and more
  • ✓ Color-coded blocks for easy identification
Try Now →
Teaching Tool

👨‍🏫 Smart Tutorial Guidance

Built-in step-by-step tutorial system with spotlight highlighting, combined with audio prompts and animations, helping students progressively master programming concepts.

  • ✓ Step-by-step guidance reduces cognitive load
  • ✓ Spotlight highlighting focuses on key actions
  • ✓ Smart hints provide timely error correction
  • ✓ Progress tracking motivates learning
View Cases →
↓
Step 1: Drag the "Main Program" block
1
2
3
4
Block View
Loop 10 times
Print i
⇄
C++ Code
for (int i=0; i<10; i++)
cout << i;
Real-time Feedback

⚡ Bi-directional Sync Editing

Blocks and code sync in real-time. Modify blocks to instantly generate code, or edit code to automatically update blocks. Helps students establish the mapping between visual and textual programming.

  • ✓ Real-time code generation with instant feedback
  • ✓ Syntax highlighting for better readability
  • ✓ Bi-directional editing for flexible switching
  • ✓ Code export support for easy assignment submission
Try It →

More Powerful Features

✅

Smart Error Detection

Real-time logic error detection with friendly error messages and fix suggestions to develop debugging skills.

📱

Cross-platform Support

Works on Web, iPad, and iPhone. Learn programming anytime, anywhere, adapting to various teaching scenarios.

🎨

LEGO-style Design

Colorful block design that aligns with children's cognitive habits, making programming fun and engaging.

💾

Cloud Sync

Projects auto-save to the cloud with multi-device sync. Continue your learning progress anytime.

🏆

Achievement System

Earn badges by completing tasks and unlock new features. Gamification motivates continuous learning.

📊

Learning Analytics

Detailed learning reports track progress and identify weak areas, providing teachers with decision-making insights.

Programming Tool Designed for Education

Lower learning barriers, enhance teaching efficiency

🎯

Beginner Friendly

No programming background needed. Drag blocks to create programs. Suitable for students from elementary to high school.

📚

Complete Curriculum

From variables and loops to functions and arrays, covering core C++ concepts with supporting teaching resources.

🏆

Competition Preparation

Support algorithm training, laying a solid foundation for informatics olympiads (NOIP).

👥

Teacher Dashboard

(Coming Soon) Class management, homework assignment, progress tracking, and comprehensive teaching support.

🎓 Complete Curriculum System

From zero to competition level, systematic C++ learning path

Beginner → Basics → Intermediate → Algorithms → Competition

📘 Chapter 1: C++ Basics (5 Lessons)

1.1 Introduction to CppBlockly
Block interface, drag & drop, code preview
1.2 Variables & Data Types
int, string, declaration, assignment
1.3 Input & Output
cout, cin, string interpolation
1.4 Operators
Arithmetic, comparison, logical
1.5 First Calculator
Practice: Simple calculator program

📗 Chapter 2: Control Flow (5 Lessons)

2.1 Conditionals (if-else)
if, if-else, nested conditions
2.2 Switch Statement
switch-case, break statement
2.3 For Loops
Counter loops, loop variables, body
2.4 While Loops
Conditional loops, do-while loops
2.5 Loop Practice
Multiplication table, pattern printing

📙 Chapter 3: Functions (5 Lessons)

3.1 Understanding Functions
Definition, calling, return values
3.2 Function Parameters
Formal params, actual params, passing
3.3 Return Values
return statement, void functions
3.4 Recursive Functions
Recursion, factorial, Fibonacci
3.5 Project Practice
Grade management system

📕 Chapter 4: Arrays & Algorithms (5 Lessons)

4.1 Array Basics
Declaration, access, traversal
4.2 Search Algorithms
Linear search, binary search
4.3 Sorting Algorithms
Bubble sort, selection sort
4.4 Recursion & Iteration
Sequence problems, Tower of Hanoi
4.5 Competition Intro
NOIP practice problems

💡 10+ Example Projects

👋
Hello World
First C++ program
🧮
Calculator
Arithmetic operations
🎲
Number Guessing
Random & loops
📊
Grade System
Arrays & functions
🔢
Times Table
Nested loops
🔍
Binary Search
Search algorithm
📈
Bubble Sort
Sorting algorithm
🎯
Fibonacci
Recursive algorithm
🗼
Hanoi Tower
Classic recursion
🏆
Contest Problems
NOIP challenges
View All Examples →

🎬 Video Tutorials

🎥
Platform Intro
5 minutes
📚
Course Videos
20 lessons
💡
Project Practice
10+ projects
Watch Video Tutorials →

Use Cases

Successfully applied in multiple teaching scenarios

🏫

K-12 Programming Class

A key middle school introduced CppBlockly into IT courses, increasing student interest in programming by 80% and achieving a 95% exam pass rate.

📍 Shenzhen, China
🎓

Coding Training Institute

A well-known kids coding institute adopted CppBlockly as a C++ introductory tool, increasing student retention by 40%.

📍 Beijing, China
🏠

Home Learning

Over 10,000 students learned programming via CppBlockly, with 200+ winning awards in informatics competitions.

📍 Nationwide

Get Started Now

Cross-platform support, learn programming anytime, anywhere

🌐

Web Version

No installation required, use it in your browser

Try Now
📱

Mobile Version

iPad / iPhone support (Coming Soon)

💖

Support Us

Open-source project needs your support

Sponsor