The needs of Online Development Environment is very crucial sometimes, and you might need it on-the-go, or just want to test some codes and mock-ups of a new idea.
In this post, I am going to discuss some of the Online Development Environment that I personally use to run and test simple code when I learned new tricks online. Although it might not look much, you will fall in love with it once you’ve tried it.
The usage of Online Environment listed below can vary depending on your needs and each of them have their own unique features, so I highly recommend that you check and try out each of them on your own.
The result will automatically appear on a panel below the text editor, and you can see exactly how the code will be generated to make the page. In addition to that, users can also use different variation of Preprocessor (Haml / Sass / CoffeeScript and etc) and it’s pretty flexible in term of the tooling.
The pen can be saved on a unique link and edited on the next visit. This works for everyone including anonymous users who have no account to associate the pen with.
Frankly, JSFiddle has quite the same functionality as CodePen, but I find that it has its own unique taste and quality that makes it stand beside CodePen. In term of the features, CodePen has more of it compared to JSFiddle, but the simplicity of JSFiddle stands out more.
Its more to personal preference actually and both of them solve problems in it’s own unique way. JSFiddle also support account system and they allow you to save the progress of your code in a unique link on your account.
Try it on your own and decide which one you like most, or just use both of them when you feel like it. On the latest update, JSFiddle also come with dark theme enabled which really makes me happy.
The third one is called Repl.it and this is another beast that you can use to play around and test your code with. While CodePen and JSFiddle only support working with Front-end Languages, Repl.it support almost all programming languages.
You can think of it as a command line interface for your favourite programming language which you can run online on your browser. Back then when I was still learning PHP and Java, I use Repl.it to try and error the code when I am out of reach from my IDE.
It’s fast, easy, and above it all, free to use. On the latest update, they support more languages and the creator added more awesome features.
All right, this one is going to be the last one on the list. JSBin is the last Online Development Environment that I am recommending and it almost have the same features as CodePen and JSFiddle.
I don’t use JSBin that often but, it has its own perks that are worth exploring.
I hope that you’ll benefit from this post and if you have any suggestions or new tools that you think I have left above, do comment below! Make sure to share it with your friends and thanks for stopping by. Happy exploring!