A web integrated development environment (Web IDE), also known as an Online IDE or Cloud IDE, is a browser-based platform for software or web development. An IDE is a software application that combines developer tools into a single interface. An IDE typically consists of:
- Source code editor: A text editor that can assist in writing software code. Often with features such as syntax highlighting, language-specific auto-completion, and real-time checking for bugs as code is being written.
- Local build automation: Utilities that automate simple, repeatable tasks as part of creating a local build of the software for use by the developer. Such as compiling computer source code into binary code, packaging binary code, and running automated tests.
- Debugger: A program for testing code that can graphically display the location of a bug in the original code.
Although web IDEs have limitations compared to their offline counterpart, they allow developers to work without the need to download software to their computer or configure local environments and dependencies.
The choice of using a desktop or web IDE will depend on the project's requirements. This includes:
- Installability: How easy and fast can the required tooling and the runtime for executing a system be set-up.
- Portability: How difficult is it to port a tool to another platform/hardware. In the case of IDEs, this requirement is also sometimes referred to as “accessibility”.
- Performance and responsiveness: How responsive is the tool, how long do crucial operations take to run.
- Usability: the degree to which a software can be used by specified consumers to achieve objectives.
- Cost: The cost it takes to implement an IDE, tooling, extension, or the necessary development runtime.
- Repl.it - Python Web IDE. Supports text output and allows users to create plots and charts using Matplotlib (and other libraries).
- Koding - Koding’s configuration manager can handle Heroku with MongoDB & Node.js, or AWS with Ruby and MySQL.
- CodeTasty - supports more than 40 programming languages and provides features like error detection tools, code completion, built-in compilation, and more.
- SourceLair - allows users to develop various web applications in Django, Node.js, HTML5, and PHP, while it combines with Git, GitHub, and Heroku.
- Coder - cloud IDE that highlights cloud gates of recognized code compilers like Visual Studio Code and Atom.
- CodeSandbox - an online compiler that assists users to build web applications, from model to deployment.
- Gitpod - IDE for GitHub or GitLab projects.
- Visual Studio Online - Microsoft's web-based version of its Visual Studio IDE.
- StackHive - a front-end IDE for creating websites. Comes with a blend of whole Bootstrap elements, visual CSS, and live code editor.
- Browxy - supports multiple programming languages such as C, C++, C#, Java, Python, PHP, and more.
- Codepen.io - front end web IDE for designers.
- Small Basic - kid-friendly online editor.
- Tynker - IDE for kids Tynker with a library of coding, game, hardware, and Minecraft modding courses.
- Arduino Web Editor - Arduino’s own Create Web editor. Alongside the code editor, the library manager and serial monitor are also available in the browser.
- XOD.io - open-source, node-based visual programmer for Arduino boards.
An overview of platforms for cloud based development
Web-based vs. desktop-based Tools - EclipseSource
June 19, 2018