blockly-samples icon indicating copy to clipboard operation
blockly-samples copied to clipboard

Text-based code editor with block-based toolbox

Open jschanker opened this issue 3 years ago • 0 comments

Category

  • Plugins

Component

Toolbox

Is your feature request related to a problem? Please describe.

When students are typing code in a new programming language, it can be easy for them to forget the name of a function or the syntax to use for loops, conditionals, etc.

Describe the solution you'd like

A block-based toolbox to supplement a text-based code editor where the user can drag in a block and have it be replaced with the textual code that it generates in the given language.

Describe alternatives you've considered

Position a code editor over the workspace in which you'd create new blocks, exposing only the toolbox.

Additional context

I've been busy helping an NGO in India (NavGurukul: https://www.navgurukul.org/) that helps train underprivileged youth to get aspirational jobs, primarily in software development. They're about to develop a code editor for their Meraki app so that learners can create web sites with HTML/CSS/JavaScript. I thought it'd be great to add this block to textual code drag and drop feature to the editor while also helping guide their students and a number of mine who are going to be interning there create a Blockly plugin to gain more experience.

And I needed an excuse to return to Blockly and say hi to the Blockly team after all this time away :-).

jschanker avatar Oct 26 '22 13:10 jschanker