Andere Code-Editoren verwenden

Jetzt, da du gesehen hast, wie du in ProcessingJS eine Webseite außerhalb der Khan Akademy programmierst, bist du bereit mit anderen Code-Editoren zu experimentieren -- natürlich nur wenn du dies möchtest.

Egal welchen Editor du verwendest, stell bitte sicher, dass deine Datei einen Dateinamen mit der Endung ".html" hat. Diese Dateierweiterung wird für HTML-Seiten verwendet, damit sowohl Editoren wie auch Browser wissen, was diese sind. Wenn du gerne dein JavaScript separat von HTML speichern möchtest, dann kannst du dafür die Erweiterung ".js" und darin ein <script>-Tag verwenden.

Eine Möglichkeit ist es, einen Online-Editor, ähnlich wie unseren, aber mit zusätzlichen Features, zu verwenden. Du kannst einen Online-Editor verwenden, wenn du einen Computer hast, der dir das Installieren von Programmen nicht erlaubt oder du den gleichen Editor auf mehreren Computern verwenden möchtest. Einige beliebte Online-Editoren sind JSBin, Glitch und Repl.it. Falls du ein ChromeBook verwendest, kannst du eine Chrome App wie Caret oder Zed installieren.

Hier ein Video von mir, in welchem ich eine Webseite in Cloud9 bearbeite (aus unserem Kurs zum Erstellen von Webseiten):

Eine weitere Möglichkeit ist es, einen Desktop-Editor zu verwenden. Du installierst ein Programm auf deinem Computer und speicherst die Dateien auf deiner Harddisk. Je nach Betriebssystem und Preis, welchen du bezahlen möchtest, kannst du aus ganz vielen verschiedenen Editoren auswählen. Einige sehr beliebte Editoren sind Visual Studio Code, Atom, SublimeText, Adobe Brackets und Notepad++ (für Windows).

Hier ist ein Video von mir, in welchem ich eine Webseite in Sublime Text bearbeite (aus unserem Kurs zum Erstellen von Webseiten):

Eine dritte Möglichkeit ist es, einen Kommandozeilen-Editor zu verwenden. Falls du mit der Befehlszeile oder Kommandozeile noch nicht vertraut bist, wirst du wohl nicht diese Optionen wählen. Denn dazu müsstest du zuerst noch sehr viel zur Verwendung der Kommandozeile lernen. Auf der anderen Seite sind diese Editoren sehr praktisch und effizient, wenn du deine Hände lieber auf der Tastatur als an der Maus hast. Zwei sehr beliebte Editoren sind Emacs und Vim. Beide sind auf Unix-System wie Mac und Linux schon vorinstalliert.

Hier ein Video, in welchem ich eine Webseite mit Vim editiere: (from our course on making webpages):

Was solltest du verwenden? Du bist herzlich eingeladen, den Editor der Khan Academy weiterhin zu verwenden. Schließlich möchtest du dich aber auch mit mindestens einem anderen Editor wohl fühlen. Als Programmierer hilft es zu wissen, wie man in mehreren Editoren programmiert, da du vielleicht einen anderen Editor in der Schule oder einen Job in einem Unternehmen verwenden musst.

Probier doch einfach ein paar der Möglichkeiten, welche ich dir gezeigt habe, und wähle die, welche dir am besten gefällt. Du kannst aber auch deine Freunde oder Eltern fragen. Es ist immer gut, wenn man die gleichen Tools wie seine Freunde verwendet, denn diese kann man bei Problemen um Hilfe bitten.

Hier ist zum Beispiel eine Grafik dessen, was meine Kollegen von der Khan Academy verwenden:

Wenn du dies liest und schon einen anderen Editor verwendest, kannst du in den Tips unten mitteilen was du verwendest und warum. Bonuspunkte gibt es wenn du Tips teilst wie man in deinem Lieblingseditor ProcessingJS-Programme am komfortabelsten schreibt.