Einleitung
Es gab eine Zeit, da waren Browser noch einfache Tools, um im Internet zu surfen und Webseiten zu betrachten. Seit der flächendeckenden Verbreitung von modernen Browsern und deren Unterstützung von HTML5, erscheinen immer neue Webanwendungen, die nach und nach die gewohnten Offline-Anwendungen ersetzen. Heutzutage ist es nicht mehr notwendig einen Email-Client oder eine umfangreiche Office-Suite lokal auf dem Computer zu installieren. Für Vieles gibt es inzwischen Online-Alternativen.
Eine ähnliche Entwicklung vollzog sich in der Webentwicklung. Setzten wir vor Jahren noch auf umfangreiche lokale Entwicklungsumgebungen, stehen uns heute zahlreiche neue Tools zur Verfügung, die komplett im Browser laufen und nur bei Bedarf Offline-Funktionalität bereitstellen. Diese Entwicklung scheint nicht mehr aufzuhalten.
Der Umstieg auf Online-Editoren
Vor einigen Jahren haben wir Websites in aller Regel offline entwickelt und diese dann nach Fertigstellung online gestellt. Mit der Zeit kamen interessante Online-IDEs wie ShiftEdit oder Cloud9 auf, mit denen erstmals Core-Funktionen von Offline-IDEs online zur Verfügung standen.
Inzwischen ist die Auswahl mannigfaltig. Es gibt kostenlose und kostenpflichtige Dienste. Manche IDEs unterstützen 50 verschieden Programmiersprachen und andere warten mit einer integrierten FTP-Anbindung auf. Syntax Highlighting, Web-Consolen oder die Anbindung an DropBox und GitHub gehören inzwischen ebenfalls bei den meisten Online-IDEs zum Standard.
Ein kurzer Überblick über die Vor- und Nachteile von Online-Entwicklungsumgebungen
Vorteile
- Online-Editoren ermöglichen das schnelle und bequeme Arbeiten von wo aus man möchte. Es wird keine lokale Installtion mehr benötigt. Es reicht ein Rechner mit einem aktuellen Browser und ausreichend schnellem Internet.
- Einer der größten Vorteile von Online-Editoren ist die einfache Möglichkeit mit anderen Entwicklern bequem an einem Projekt zusammen zu arbeiten.
- Online-Editoren benötigen oft deutlich weniger Hardwareressourcen.
- Ein weiterer Vorteil ist die Plattformunabhängigkeit. Es ist egal, ob man mit Windows, Mac oder Linux arbeitet. Alles läuft im Browser.
- Die meisten Online-Editoren sind Open Source: Fehlt ein benötigtes Feature, kann man es selber entwickeln und muss nicht warten bis der Hersteller die Funktionalität bereitstellt.
- Mit Online-Editoren können Änderungen schnell im Browser vorgenommen werden. Denn nicht immer ist die gewohnte lokale Entwicklungsumgebung verfügbar (z.B. im Urlaub oder auf Geschäftsreise).
Nachteile
- Online-Editoren sind gewöhnlich nicht so robust und vielfältig wie ihre lokalen Counterparts.
- Viele Entwickler finden, dass Onlineeditoren eher geeignet sind für kleine bis mittelgroße CSS/HTML/Javascript-Projekte. Große Projekte mit komplexen Codestrukturen und umfangreichen Anforderungen, bringen Onlineditoren schnell an ihre Grenzen.
- Ein weiterer häufig kritisierter Punkt ist die Sicherheit. Viele glauben, die Daten sind bei Onlineeditoren nicht so gut geschützt wie bei lokalen IDEs. Das ist vergleichbar mit der Kritik an Cloud-Anwendungen. Wenn Daten von Überall zugänglich sind, sind sie theoretisch auch für unautorisierte Dritte einsehbar.
Zusammenfassung
Nachwievor gehören lokal installierte Entwicklungsumgebungen bei den meisten Entwicklern zum Standard. Das wird sich auch so schnell nicht ändern. Aber die Funktionsvielfalt und die Möglichkeiten von Online-IDEs wachsen rasant und könnten in wenigen Jahren die gewohnten Tools, mit denen wir Software entwickeln, direkt in den Browser verlagern. Heute schon nutzen wir zahlreiche Tools wie GitHub, Travis-ci, Google Docs etc. ganz selbstverständlich, deren elementare Funktionalitäten nur online zugänglich sind.
Wie sind Deine Erfahrungen mit Online-Editoren? Schreib mir auf Twitter
Web-Entwicklungsumgebungen
ShiftEdit
ACE Editor
CodeRun
BeSpin
Kodingen
Weitere nützliche Quellcode-Tools und Editoren für Webdeveloper
Ideone.com
Ermöglicht das Compilieren und Testen von 40 Programmiersprachen im Browser.
compilr.com
Eigenet sich besonders zum Erlernen neuer Programmiersprachen und liefert zahlreiche Quellcode-Beispiele.
phpfiddle.org
PHP- und MySQL-Code direkt im Browser ausführen und testen.
JSfiddle.net]
Testen von HTML/CSS/JS-Code im Browser. Diverse Frameworks stehen als Erweiterung zur Verfügung.
CodePeen.io
Umfangreiche Code-Beispiele für HTML/CSS/JS-Code zum Modifizieren und Testen im Live-Editor.
Bootply.com
Playground für Bootstrap mit zahlreichen Beispielen, die im Live-Editor getestet werden können.