Supporting learning tool
The Design Compiler supports how Clearlight teaches.
This page explains the tool in the context of the academy: algorithm-first teaching, visible logic, and a cleaner bridge into professional syntax.
Input
array = [7, 2, 5, 1]
Loop
for start from 0 to n - 2
Decision
if array[index] < minValue
Calculate
swap array[start] and array[minIndex]
Illustration, not a live run.
for start in range(len(array) - 1):
min_index = start
min_value = array[start]
for index in range(start + 1, len(array)):
if array[index] < min_value:
min_index = index
min_value = array[index]
array[start], array[min_index] = array[min_index], array[start]What it teaches
Design first, syntax second.
Visual programming
Build programs with instruction blocks so learners can keep the algorithm visible while they think.
Browser execution
Run the design immediately, inspect output, and debug the logic before worrying about syntax.
Real code generation
Translate a working design into Python, Java, C++, JavaScript, or TypeScript once the logic is sound.
Where it belongs
Inside the broader Clearlight teaching story.
It works alongside instruction: a lesson starts from the problem, and the editor makes the logic visible and runnable.
Start with the algorithm
Use a familiar problem like selection sort so the lesson starts with intent instead of typing speed.
Assemble the design
Students lay out logic with readable blocks and nested structure before translating into source code.
Run, inspect, and translate
Students run the design, watch each step, then read the same logic as source code in the language they choose.
5
languages generated from one design
92
guided examples on the Learning Path
55 of 62
Programming Fundamentals activities with a template
Counts are read from the shipped examples. C++ output is not yet compiler-verified.
Need access to the Design Compiler?
The editor and example library are available to enrolled students, families, district partners, and approved instructors.