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

in #steemhunt6 years ago

Thimble by Mozilla

An online code editor for learners & educators


Screenshots

thimble.png


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

Sort:  
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:

Pros:
The app is a very good app that is easy to download and install

You can use the app offline which means that without internet connection you can still use it

The app interface is easy to understand and navigate through

Very useful app with a lovely design

The app can be used anywhere in the world

Cons:

None for now