Skip to Content
ToolsCode LabOverview

Code Lab overview

Code Lab is a protected workspace, so you must sign in before entering it.

What it helps a learner do

  • build programs visually in a block editor
  • switch between JavaScript and Python
  • attach interactive widgets to the workspace
  • load starter templates
  • run, pause, step, and stop code
  • inspect logs, generated code, and output widgets while learning

Main workspace areas

The current product exposes these major areas:

  • a top bar with language and execution controls
  • the central block editor
  • a right-side panel with Widgets, Templates, and Explore
  • a lower Log Timeline and collapsible Generated Code area in the widgets view
  • output-oriented widgets such as display, calculator, timer, chart, canvas, and variables

Good beginner use case

If you are new to Code Lab, start with a built-in template rather than a blank workspace.

Best next pages

Last updated on