Web integrated development environment

Browser-based integrated development environment (IDE) for software or web development.

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.
Web IDE examples
  • Cloud9 - Amazon’s AWS IDE, Cloud9 has basic tools for well-known programming languages like JavaScript, Python, PHP, and more.
  • CodeAnywhere - allows coders to edit files from services like FTP, GitHub, Dropbox, and others as well as the ability to collaborate and share through Codeanywhere on any device. Supports Javascript, PHP, HTML, and 72 other programming languages.
  • Codenvy - part of Red Hat, incorporates a facilitated solution at codenvy.io, and the undertaking open-source approach of Red Hat. The browser editor allows coders to edit, build, run, and debug projects. It supports languages like HTML, CSS, JavaScript, Java, Groovy, Ruby, PHP, and Python.
  • 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.
  • Orion - open-source IDE built with a JavaScript code editor, provided with content assist, code completion, error checking, and a code map. The editor also supports languages like HTML and CSS.
  • 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.
  • ShiftEdit - supports languages like PHP, Ruby, Python, Java, HTML, CSS, and JavaScript.
  • 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.
  • Codecademy - IDE for beginners with lessons to teach coding. Supports languages including Python, JavaScript, CSS, HTML, and Ruby.
  • p5.js - based on JavaScript and provides tools for creating interactive art through code. Rather than installing the library and running a local server, the p5.js web editor allows you to code instantly online.
  • JSFiddle - JavaScript IDE with template projects.
  • 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.

Timeline

People

Name
Role
LinkedIn

Further reading

Title
Author
Link
Type
Date

An overview of platforms for cloud based development

Web

Web-based vs. desktop-based Tools - EclipseSource

Web

June 19, 2018

Documentaries, videos and podcasts

Title
Date
Link

Companies

Company
CEO
Location
Products/Services

References

Golden logo
Text is available under the Creative Commons Attribution-ShareAlike 4.0; additional terms apply. By using this site, you agree to our Terms & Conditions.