You should check out Popcode! (https://github.com/popcodeorg/popcode). It’s is a free OSS online IDE used by https://scripted.org to help kids in under-resourced high schools learn HTML/CSS/JS.

The big focus is helping students identify and fix mistakes in their code in a friendly and approachable manner.