You are on page 1of 15

Natasha Tasha Coding (Http://Www.Hongkiat.

Com/Blog/Category/Coding/)

CloudIDEsForWebDevelopers
BestOf
With so much of the traditional, desktop-based productivity software we know and
love moving to the Cloud, its no surprise that Cloud-based IDEs are quickly gaining
ground with developers.
Nowadays, the browser is essentially a thin client that allows users to access a
variety of Cloud-based applications and services. However, many are still hesitant
to put their full faith in a remote Cloud IDE for development purposes. Tools like
Github (https://github.com/)and Pastebin (http://pastebin.com/) helped to ease the
transition to Cloud-based development, and full-fledged Cloud IDEs are now
commonly used by many developers.
Here are 13 of the best Cloud IDEs you can get your hands on and a quick
summation of each.

Cloud9 (http://c9.io/)

After a few minutes using the appropriately named Cloud9, youll feel like youve
died and gone to coder heaven. The front end is all Javascript, while the back end

Getdailyarticlesinyourinboxforfree.

Insertemailaddress

Subscribe!

died and gone to coder heaven. The front end is all Javascript, while the back end
relies on the popular NodeJS framework. Though its favored by UI designers and
developers, it has syntax highlighting for C#, C++, Python, Perl, Ruby, Scala and a
few others as well.
The built-in Vim mode is a nice touch, as is the support for popular revision control
systems like Git, Mercurial and SVN. Thanks to the inclusion of CSSLint and
JSBeautify, its also one of the prettier environments found online.

Codeanywhere (https://codeanywhere.net/)

Another software development tool that frequently tops the various "best of" lists
floating around the Web is Codeanywhere, the friendly Cloud IDE for all seasons. It
features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and
more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry,

more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry,
this tool enables anyone to code literally anywhere.
In addition, it boasts Dropbox and SFTP support, which allow coders to easily
backup project files and share them with collaborators. Though its not the most
full-featured Cloud IDE, it does what it does quite well.

Cloud IDE (http://cloud-ide.com/)


While they obviously didnt spend a lot of time coming up with a catchy name, the
folks behind Cloud IDE put some serious effort into crafting a platform that just
works. Otherwise known as eXo Cloud IDE, its a solid Cloud contender that
supports the usual languages like Javascript, Ruby, Groovy, Java and HTML to name
just a few.
In particular, eXo Cloud is well suited to coders who specialize in Java
programming. It supports Java servlets and Java Server Pages, as well as Maven.
Deployment is handled by Heroku, CloudBees, Red Hat OpenShift and Cloud
Foundry.

Sourcekit
(https://chrome.google.com/webstore/detail/iieeldjdihkpoapgipfkeoddjckopgjg)
Google Chrome is coming on strong as of late, surpassing Mozillas Firefox and
taking a shot at Internet Explorer for the title of browser supremacy. Sourcekit is a
Textmate-like IDE that relies on Dropbox for storage and provides a responsive
environment for web developers.
With the superb functionality of Mozillas SkyWriter a.k.a. "Bespin" baked into the
cake, its a lightweight, browser-based alternative to bloated desktop development
suites. Supported languages include all the majors youd expect, such as C/C++/C#,
PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are
concerned, Sourcekit is an extremely attractive option.

Kodingen (https://kodingen.com/)
One of the first Cloud editors to really do web-based IDEs the right way, Kodingen
has carved out quite the competitive niche for itself in the past few years. It allows
developers to code in PHP, Python, Perl and Javascript while working with popular
frameworks like Django, Ruby on Rails and Node.js.
Kodingen is bolstered by the rich and diverse community of users that patronize the
service, which makes collaboration and sharing in the Cloud fairly convenient. Free
to use and experiment with, theres no reason not to sign up for an account and give
Kodingen a shot.

Coderun Studio (http://www.coderun.com/)


If youve tried dozens of other browser-based IDEs without success and are looking
for something thats straightforward and capable, Coderun Studio is worth a look. It
offers users a cross-platform tool for writing ASP.NET, Javascript, C#, HTML and
CSS. Its default Visual Studio compatibility is a nice touch and should have
Microsoft-focused coders feeling right at home. It comes equipped with the usual
bells and whistles like code completion and syntax highlighting.
Furthermore, the native compilation and debugging features are unparalleled.
Lastly, Coderun Studio allows users to quickly share their code with their peers via
unique URLs.

ShiftEdit (http://shiftedit.net/)
Next up, we have the under-appreciated ShiftEdit. Though it may not have the
name recognition of Cloud9 or Coderun, its nevertheless a versatile piece of Cloudbased software thats worth looking into.
Whether youre a trendy Python fan, a PHP holdout or a Perl dinosaur, ShiftEdit has
you covered. Users can backup files to Dropbox via SFTP and keep track of changes
with various revision control tools all from within the browser. Its SSH
authentication, code completion and code snippet features allow for seamless and
uninterrupted work flow, which enables developers to be as productive as possible
from any location.

Akshell (http://www.akshell.com/)
With so much competition in the Cloud IDE sphere, its becoming more and more
difficult to stand apart from the crowd. Akshell is a server-side development

difficult to stand apart from the crowd. Akshell is a server-side development


environment that gives coders a lightweight tool for whipping up Javascript web
apps. It relies on the PostgreSQL database for back-end storage, which should be
quite easy to work with for those familiar with MySQL.
Thanks to the integrated Git console, deploying any projects that you create is a
hassle-free experience. If youre a strict Javascript coder looking for a capable Cloud
IDE thats fast and stable, Akshells the one for you.

Erbix (http://www.erbix.com/js/)
All of the Javascript naysayers of the past decade are surely eating their words now

All of the Javascript naysayers of the past decade are surely eating their words now
that Javascript has experienced a renaissance and attained a newfound level of
respect among coders. Erbix revolves around the webs favorite scripting language
and provides tools for crafting Javascript apps for online business productivity.
Though its not free, the pricing and plans offered by Erbix are fairly reasonable if
you plan on making regular use of this innovative platform. It supports RingoJS and
CommonJS modules, features a dedicated MySQL console and provides access to
boatloads of apps from other developers through the Erbix AppStore.

Neutron IDE (http://neutronide.com/)


Building a versatile Cloud IDE from scratch is no small matter, which is why many
choose to base their projects on pre-existing open source code. Neutron IDE stands
on the shoulders of giants by using the powerful Ace code editor

on the shoulders of giants by using the powerful Ace code editor


(http://ace.ajax.org/) as its starting point. It merges the best features of SFTP clients
and browser editors into one complete package, allowing coders to edit files on their
development servers on the fly from anywhere.
Featuring support for configurable Vi and Emacs key bindings as well as TextMate
themes, its one of the most customizable Cloud IDEs around.

Collide (http://code.google.com/p/collide/)
Even when Google decides to give up on a project, the general coding public at large
always seems to benefit anyway. Collide began its life as a Google Code project with
a lot of promise. Though its now defunct, the source code is freely available to
anybody that wants to fork it.

anybody that wants to fork it.


In a nutshell, its a Cloud IDE running on the Java 7 JRE that relies on a host of solid
software tools like Guava, JUnit, JKit and EasyMock to provide spartan but powerful
collaboration functionality to teams of programmers who value real-time
interactivity.

PopularInHongkiat
Developers:WhyYou
ShouldntSkip
Documentation
(http://www.hongkiat.com/blog/why
(http://www.hongkiat.com/blog/why
documentation
essential/)

documentation
essential/)
Web Design
(/Blog/Category/Design)

15LessonsTheArt
ofWarTeachesYou
AboutWinningLife
(http://www.hongkiat.com/blog/design
Battles
andartofwar/)
(http://www.hongkiat.com/blog/design
andartofwar/)
Freelance
(/Blog/Category/Freelance)

Orion (http://www.eclipse.org/orion/)
The famed Eclipse Java IDE (http://www.eclipse.org/) has been a mainstay in the
desktop development world for years, thanks to its comprehensive feature set and
rugged reliability. Orion is the next logical step, bringing Eclipses considerable
experience to the Cloud IDE field. Its primary use at the moment is for front-end
web development, so its limited to HTML and Javascript for the most part.
However, its a work in progress and we can expect to see features added
incrementally as development continues over the next year. Aside from Firebug

DifferencesBetween
StartupsAndMNC
[PIC]
(http://www.hongkiat.com/blog/startup
(http://www.hongkiat.com/blog/startup
vsmnc
vsmnccomparison/)
comparison/)
Inspiration
(/Blog/Category/Inspiration)

7ContentCuration
ToolsForBloggers
(http://www.hongkiat.com/blog/content
(http://www.hongkiat.com/blog/content
curationtools
curationtools
bloggers/)
bloggers/)

incrementally as development continues over the next year. Aside from Firebug

bloggers/)

integration, its biggest selling point is its Eclipse-style UI and intuitive layout.

bloggers/)
Blogging
(/Blog/Category/Blogging)

15LightboxLibraries
ForMobile
Responsiveness
(http://www.hongkiat.com/blog/responsive
(http://www.hongkiat.com/blog/responsive
lightbox
lightboxlibrary/)
library/)
Toolkit
(/Blog/Category/Toolkit)

ACrashCourseon
TheInternetofThings
(http://www.hongkiat.com/blog/internet
(http://www.hongkiat.com/blog/internet
ofthings/)
ofthings/)

Internet
(/Blog/Category/Internet)

FreebieRelease:50
PictogramsOf
EverydayLife
(http://www.hongkiat.com/blog/pictograms
(http://www.hongkiat.com/blog/pictograms
icons/)
icons/)
Freebies
(/Blog/Category/Freebies)

Python Fiddle (http://pythonfiddle.com/)


There are plenty of reasons why Python is gaining ground in the web development
industry lately. Its relatively fast, incredibly flexible and easy to learn. As such, its
no surprise that Python-centric Cloud IDEs have evolved to assist developers in
belting out code as quickly as possible.
Much like JSFiddle, Python Fiddle is a code editor and code execution environment
that allows programmers to run snippets and debug scripts on the go. It supports a
plethora of third-party packages, boasts superb documentation, comes with a wide
array of built-in hot keys and is also open source to boot.

UltimateGuideTo
Building&Publishing
YourFirstiPhoneApp
(http://www.hongkiat.com/blog/building
(http://www.hongkiat.com/blog/building
publishing
publishingiphone
iphoneapp
appguide/)
guide/)
Mobile
(/Blog/Category/Mobile)

HowToPlay
AnimatedGIFs
onClick[Tutorial]
(http://www.hongkiat.com/blog/on
(http://www.hongkiat.com/blog/on
clickanimated
clickanimatedgif/)

array of built-in hot keys and is also open source to boot.

clickanimated
gif/)

clickanimatedgif/)
Coding
(/Blog/Category/Coding)

Designers:15UX&UI
ToolsToIncrease
YourProductivity
(http://www.hongkiat.com/blog/designers
(http://www.hongkiat.com/blog/designers
uiuxtools/)

uiuxtools/)
UI/UX (/Blog/Category/Uiux)

15UsefulWeb
TypographyTools,
LibrariesAnd
(http://www.hongkiat.com/blog/web
Frameworks
typography
(http://www.hongkiat.com/blog/web
tools/)
typographytools/)
Toolkit
(/Blog/Category/Toolkit)

Conclusion
The use of web development programs that largely reside on remote servers still
makes quite a few coders nervous. Adapting to the new paradigm will take some
effort for the more conservative "old school" programmers. However, theres little
reason to be afraid of the Cloud anymore. With the adoption of several simple
security precautions and an open mindset, any web developer can reap the rewards
of Cloud software suites without any real danger.
With so many options to choose from, theres definitely a near-perfect program out
there for every coder, irregardless of their own style and preferences.

HowToCreate
StunningFlaming
TextEffectin
(http://www.hongkiat.com/blog/flaming
PhotoshopCC2014
textphotoshop
(http://www.hongkiat.com/blog/flaming
tutorial/)
textphotoshop
tutorial/)
Photoshop
(/Blog/Category/Photoshop)

40Freebies&
GoodiesForWeb
DesignersMarch
(http://www.hongkiat.com/blog/design
2015
freebiesmarch
(http://www.hongkiat.com/blog/design
2015/)
freebiesmarch2015/)
Toolkit
(/Blog/Category/Toolkit)

5FacebookFeatures

there for every coder, irregardless of their own style and preferences.

5FacebookFeatures
YouProbablyDont
Know
(http://www.hongkiat.com/blog/facebook
(http://www.hongkiat.com/blog/facebook
servicesyou
servicesyoudont
dontknow/)
know/)
Social Media
(/Blog/Category/SocialMedia)

Editors note: This post is written by Natasha Tasha for Hongkiat.com


(http://www.hongkiat.com/). Natasha is a writer and blogger, plus tech lover, currently
writing forNinefold (http://ninefold.com/). She is interested in various technology and
Internet topics, Cloud Computing, Web development, Web & Graphic design.

Readers also read:

Games You Can Play on iPhone


Create iPhoneWorkingwithCode
Alerts Of (Almost) Anything With
20 Retro Video
WrappingContentIn
WorkingwithTextin

20InspiringQuotes
ThatWillChange
YourLife
(http://www.hongkiat.com/blog/motivational
(http://www.hongkiat.com/blog/motivational
quotes/)
quotes/)
Culture
(/Blog/Category/Culture)

20+AppleWatchGUI
Kits&TemplatesYou

CanDownload
(http://www.hongkiat.com/blog/apple
(http://www.hongkiat.com/blog/apple
watchgui

watchguitemplates/)
templates/)

ShapesWithCSS3
ScalableVector
SnippetsinSublime
(http://www.hongkiat.com/blog/retroiphonegame/)
(http://www.hongkiat.com/blog/createiphonealerts/)
(http://www.hongkiat.com/blog/css3
Graphics(SVG)
Text
HeroButton
contentwrapping/)
(http://www.hongkiat.com/blog/scalable
(http://www.hongkiat.com/blog/sublime
vectorgraphicstext/)
codesnippets/)

Readmorepostson: cloud(http://www.hongkiat.com/blog/tag/cloud/) ,

cloudide(http://www.hongkiat.com/blog/tag/cloudide/) ,
(http://www.facebook.com/sharer.php?
u=http%3A%2F%2Fwww.hongkiat.com%2Fblog%2Fcloudwebdevelopers(http://www.hongkiat.com/blog/tag/webdevelopers/)
idedevelopers%2F&t=Cloud%20IDEs%20For%20Web%20Developers%20%E2%80%93%20Best%20Of)

UI/UX (/Blog/Category/Uiux)

AppleWatchPrices
AtAGlance(All38
ModelsCompared)
(http://www.hongkiat.com/blog/apple
(http://www.hongkiat.com/blog/apple
watchmodels
watchmodelsprices/)
prices/)
Gadgets
(/Blog/Category/Gadgets)

20AwesomeGiftsfor
CoffeeLovers

(http://www.hongkiat.com/blog/coffee
(http://twitter.com/share?
(http://www.hongkiat.com/blog/coffee
text=Cloud%20IDEs%20For%20Web%20Developers%20%E2%80%93%20Best%20Of&url=http%3A%2F%2Fwww.hongkiat.com%2Fblog%2Fcloudloversgifts/)
loversgifts/)
ideGifts (/Blog/Category/Gifts)
developers%2F&via=hongkiat)

15BeautifulText


(https://plus.google.com/share?
url=http%3A%2F%2Fwww.hongkiat.com%2Fblog%2Fcloudidedevelopers%2F&t=Cloud%20IDEs%20For%20Web%20Developers%20%E2%80%93%20Best%20Of)

1Comment

Recommend 2

Hongkiat.com

Share

SortbyNewest

Jointhediscussion
pip010 2yearsago

youmissedabigoneinmyopinion,whichreallystandsoutfromtherest:compilr.com
44

Subscribe

Reply Share

AddDisqustoyoursite

Login

15BeautifulText
EffectsCreatedwith
CSS
(http://www.hongkiat.com/blog/css
texteffects/)

(http://www.hongkiat.com/blog/css
texteffects/)
Coding
(/Blog/Category/Coding)

14GoogleHangouts
HiddenAnimated
Emojis
(http://www.hongkiat.com/blog/google
(http://www.hongkiat.com/blog/google
hangout
hangoutanimated
animated
emojis/)
emojis/)
Desktop
(/Blog/Category/Desktop)

Privacy

About(/blog/aboutus/) Advertise(/blog/advertise/) Contact(/blog/contact/) SubmitTips(/blog/submitnewstips/) Authors(/blog/authors/)


WriteforUs(/blog/writeforus/) PublishingPolicy(/blog/publishingpolicy/) Privacy(/blog/privacypolicyforhongkiatcom/) Sitemap
(/blog/sitemap.xml)

You might also like