Thimble by Mozilla - An online code editor for learners & educators

in steemhunt •  4 months ago

Thimble by Mozilla

An online code editor for learners & educators


Screenshots

thimble.png

screely-1530544187145.png
View Image
screely-1530544325716.png
View Image

Hunter's comment

I hear you 'another online code editor' but Thimble is a little different and worth checking out if you haven't already.

Thimble has all the features you expect live reloading, snippets, console, syntax highlighting, remix(fork), sharing etc.

I've been a big fan of Codepen for many years and have used it for multiple projects and to help teach a bunch of people the basics of programming. Often people get confused(think it's over complicated) when trying to work on "real" projects where you have multiple files and multiple programs I find Thimble bridges the gab better.

Multiple File Support

Thimble supports multiple files, linking between those files, image support and feels more like a traditional coding environment. It is similar to Codepens projects (https://codepen.io/projects/) although having more than one project on Codepen is a Pro feature only.

Tutorial Mode

One of the differentiating features of Thimble is it's tutorial mode. I've not seen this in any of the alternatives. Creating a tutorial.html file within your project create toggle-able tutorial that allows you to read note/follow along while also keep the code open.

I've used this personally on workshops I've taught and the reception has always been great. Outside of teaching i've used Codepen a lot more frequently but find the multiple file support (on free accounts) super useful for new coders.

Check it out if you're teaching/learning code. Interested to hear if you have any thoughts on online editors vs traditional setups.


Link

https://thimble.mozilla.org


Contributors

Hunter: @sambillingham



Steemhunt.com

This is posted on Steemhunt - A place where you can dig products and earn STEEM.
View on Steemhunt.com

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  
Loading...

Great hunt!

The lines of text below contain my opinion about this product. I'll write down the things I like or dislike about it.

Pros:

  • live changes, you can see what you modify in your code with a live preview
  • code snippets
  • get live hints while you code
  • your code is colored, helps your attention

Cons:

  • nothing

Great hunt @sambillingham! This hunt has been verified and approved by the Steemhunt Moderation Team. Great job! Happy hunting.

Congratulation! Your hunt was ranked in 21st place on 3 Jul 2018 on Steemhunt.

We have upvoted your post for your contribution within our community.
Thanks again and look forward to seeing your next hunt!

Want to chat? Join us on: