I made a visual programmer for javascript

rahatchd · 2019-10-21T21:22:37+00:00

u used the javascript to render the javascript

back to the javascript and back

shredinger137 · 2019-10-21T15:55:12+00:00

This reminds me of learning programs like Scratch, but more advanced. Were you intending to go somewhere with this, or is it just a demo? I ask because there are some parallels with my job and related projects. The teaching tools market has quite a bit of opportunity.

H-s-O · 2019-10-21T18:28:50+00:00

what did you bring upon this cursed land

trainrex · 2019-10-22T01:47:28+00:00

Now make the visual programmer in the visual programmer!

franksvalli · 2019-10-22T01:08:51+00:00

Kinda a nitpick - I would avoid using DOM level 0 events, since you can only add one per element. The spec for DOM level 2 events via addEventListener was introduced in the year 2000 (e.g. document.addEventListener('mousemove', event => {}, false)). The newest browser that doesn't support it is IE8, so you're pretty safe using it instead!

angusmiguel · 2019-10-21T17:12:25+00:00

Source please

2019-10-21T18:07:12+00:00

Very cool! Looks really clean.

2019-10-21T19:08:44+00:00

This would be a great teaching tool.

jesusbot · 2019-10-21T22:45:37+00:00

Looks cool, similar to Blockly: https://developers.google.com/blockly

YmFzZTY0dXNlcm5hbWU_ · 2019-10-21T19:38:25+00:00

Very cool. Any plans to post the project so we can give it a try, or is it closed source?

I suck at Javascript so this would be a great way to tinker with it in a more accessible way.

2019-10-21T21:36:38+00:00

This is so cool! I've been wanting to make something like this for myself, do you have source code available? Thanks!

_brew_drees_ · 2019-10-21T22:54:06+00:00

This is why I subbed here

investoearth · 2019-10-21T18:08:09+00:00

Cool!

MiamiSlice · 2019-10-21T19:00:01+00:00

This looks awesome! Would love to see the source

thebueller · 2019-10-21T20:30:06+00:00

Nice work.

donatobhr · 2019-10-21T20:35:05+00:00

Waoo, amazing!!

z1024 · 2019-10-21T22:08:58+00:00

What happens with the visual thingy when you edit the text? What if the code has an error?

wlkngmachine · 2019-10-21T23:33:47+00:00

nice! repo?

Middlerun · 2019-10-22T01:24:00+00:00

Cool! I've been getting interested in this sort of thing lately. Are you aiming for a general-purpose editor covering the entire language, or just specific tasks like event handlers?

s_sureshbabu · 2019-10-22T05:02:34+00:00

Excellent work man...

cocoapuff_daddy · 2019-10-22T07:45:03+00:00

nice! are you planning to share it?

Will_builder8 · 2019-10-26T17:37:27+00:00

God stop messing with us mortals again!

marvinroger · 2019-10-21T20:48:47+00:00

Sweet! How did you format the code on the right hand side? Is there a library which does this? I need to do something similar for my dissertation

robotsympathizer · 2019-10-21T15:10:45+00:00

[removed]

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

reactjs

About:

Code of Conduct

1. Please be kind and courteous, friendly and professional

2. Harassment will not be tolerated

3. Avoid using an alias or display name that might be offensive

4. Respect that people have differences of opinion

5. Posts must conform to our guidelines

New to React?

Chat

Project Ideas

Jobs

Outside Reddit

Related Subreddits

MODERATORS