tryruby had the in-browser coding before codecademy. I'm pretty sure codecademy uses the jq-console plug in which was around before: https://github.com/replit/jq-console

Badges have been around in video games and educational games for a while and Rails for Zombies already used them.