Unabhängig davon, ob Sie ein professioneller Webentwickler sind oder eine eigene Website unterhalten, die meisten Ihrer Arbeiten werden auf einem Desktop oder Laptop ausgeführt. Das macht Sinn, wenn man bedenkt, dass es eine Reihe von großartigen Web-Entwicklungstools für verschiedene Betriebssysteme gibt.

Aber was passiert, wenn Sie Änderungen an einer Website oder einem Design vornehmen müssen und sich nicht auf diesem Desktop oder Laptop befinden? Und was tun Sie, wenn Sie ein Tablet oder ein Gerät wie ein Chromebook verwenden? Da Sie für das Web entwickeln, gibt es keinen Grund, warum Sie sich nicht im Internet um Hilfe wenden können.

Es lohnt sich, einen der vielen webbasierten Code-Editoren zu lesen. Sie reichen von einfachen Editoren bis zu voll integrierten Entwicklungsumgebungen (IDEs).

Werfen wir einen Blick auf vier Online-Editoren für Web-Entwickler.

1. Codey

Codey ist ein sehr einfacher, aber sehr effektiver Editor. Es ermöglicht Ihnen, eine Verbindung zu Ihren Webservern herzustellen und Dateien auf diesen Servern zu erstellen und zu bearbeiten.

Nachdem Sie sich angemeldet und angemeldet haben, werden Sie nach den FTP-Anmeldeinformationen für Ihren Webserver gefragt.

Wenn Sie mehrere Sites verwalten, können Sie mehr als einen Server hinzufügen.

Codeys Bearbeitungsschnittstelle ist recht einfach. Im Navigationsbereich auf der linken Seite können Sie eine neue Datei erstellen oder die Datei, die Sie bearbeiten möchten, aus einer Liste auswählen. Sie werden feststellen, dass es keine Symbolleiste gibt, mit der Sie Zugriffsticker oder -elemente mit nur einem Klick erhalten. Sie müssen alle Ihre Codierung von Hand machen.

2. ShiftEdit

ShiftEdit ist eine flexible IDE für die Webentwicklung. Sie können es auch zum Schreiben im Klartext oder Textile verwenden.

Sie können Dateien in ShiftEdit auf verschiedene Arten erhalten:

  • Erstellen neuer Dateien
  • Hochladen von Dateien von Ihrer Festplatte
  • Importieren einer DreamWeaver-Site-Datei
  • Verbindung zu einem Webserver über SFTP
  • Öffnen von Dateien, die in Dropbox gespeichert sind

Wie bei Codey müssen Sie mit ShiftEdit manuell codieren. Nun, nicht immer. ShiftEdit hat auch eine Design-Ansicht, die als WYSIWYG-Editor fungiert. Es gibt tatsächlich eine gute Darstellung dessen, wie eine Webseite aussehen wird.

ShiftEdit hat zwei Versionen: eine kostenlose Version und eine Premium-Version, die Ihnen mehr Funktionen bietet und Ihnen $ 5 (USD) pro Monat zurückgibt.

3. JustEdit

Irgendwo zwischen Codey und ShiftEdit liegt JustEdit. Mit JustEdit können Sie Javascript, HTML5-Code und CSS schreiben und die Änderungen während der Eingabe anzeigen.

Die Bearbeitungsschnittstelle ist sehr einfach. Sie müssen manuell codieren, aber es gibt drei Registerkarten - jeweils eine für Javascript, HTML und CSS. Der Vorschaufenster auf der rechten Seite zeigt, wie alle drei zusammen aussehen.

Eine nützliche Funktion von JustEdit ist die Smart Phone- Ansicht. Wie der Name schon sagt, gibt es einen Blick darauf, wie Ihre Seite oder Site aussieht, wenn sie mit einem Smartphone betrachtet wird.

JustEdit hat noch ein weiteres interessantes Feature: die Fähigkeit, ein Projekt zu forchen. Sie können Ihren Code übernehmen, eine Kopie davon erstellen und dann als Grundlage für ein anderes Projekt verwenden. Sie können auch den Code codieren, den andere geteilt haben, und daraus eine abgeleitete Arbeit machen oder einfach nur lernen, was andere getan haben.

4. CodeRun

Wenn Sie eine C # -, JavaScript- oder PHP-Entwicklung durchführen, sollten Sie CodeRun genauer unter die Lupe nehmen.

CodeRun ähnelt in Aussehen und Funktionen einer Desktop-IDE. Ihre Arbeit basiert auf der Metapher des Projekts . CodeRun erstellt das Gerüst des Projekts und verfügt über einen Projektverwaltungsbereich, in dem Sie Dateien aus einem Projekt hinzufügen und entfernen, Dateien kopieren und hochladen sowie Dateien in einem Webbrowserfenster anzeigen können.

Sie können Ihren Code ausführen, ihn erstellen und sogar ein gesamtes Projekt als ZIP-Datei auf Ihre Festplatte herunterladen.

CodeRun hält Sie ehrlich, indem es Ihre Fehler auf zwei Arten überprüft. Zuerst gibt es eine Echtzeit-Fehlerliste am unteren Rand des Anwendungsfensters. Und es gibt einen eingebauten Debugger. Der Debugger kann langsam sein, aber es macht einen ziemlich guten Job.

Abschließende Gedanken

Die Abwesenheit von Ihrem Computer und Ihren Tools bedeutet nicht, dass Sie nicht an Ihren Webentwicklungsprojekten arbeiten können. Wenn Sie sich dem Web selbst zuwenden und die leistungsstarken und flexiblen Tools nutzen, müssen Sie nichts verpassen. Sie können arbeiten und Dinge erledigen, egal wo Sie sind.

Bildnachweis: ppdigital