built in references
In addition to standard code editor features, netnet's editor also has a few extra features aimed at making it easier for beginners and artists to experiment with code, these include realtime editing, friendly error messages, built in references (this page) and tidy code. netnet also provides a few different options for saving or sharing your work which fall under two categories, what we call sketches (quick single page works) and projects (works which include other files/assets and are hosted on GitHub)
When it comes to code, nothing is every really created from "scratch", we all regularly copy+paste code. Most developers depend on various libraries and frameworks to produce their work, which were written using APIs and languages created by others, which themselves where written in other languages and dependent on other APIs, etc. In addition to using libraries, today it's common practice for web developers to constantly reference sites like the Mozilla Developer Docs and forums like stackoverflow to answer questions and copy snippets of code.
But copy+pasting is an art, if you don't know what your copying and where to put it, even coming across the perfect piece of code online isn't going to do you any good. For this reason we built netnet to be well versed in modern HTML, CSS and JavaScript so that if you're ever looking at code in the editor you don't understand, you only need to double click that piece of code and netnet will explain it to you. If netnet's explanation isn't satisfactory you can ask it for more info which will launch one of our Reference Widgets, which contains educational information on the various HTML/CSS/JavaScript elements, properties, methods, etc, scraped from the most reputable online resources with extra info/updates/edits written by us. And when that's not enough information for you, our widgets will often link out to other online resources so you can dive even deeper.