Webseiten außerhalb der Khan Academy entwickeln

Auf der Khan Academy benutzen wir einen Code-Editor im Webbrowser, damit es für dich ganz einfach ist, hier HTML auszuprobieren, sofort Rückmeldungen zu erhalten und deine Arbeit mit anderen zu teilen.

Aber in unserem Code-Editor kannst du nicht alles ausprobieren. Aus Sicherheitsgründen und ganz einfach auch, weil es sehr schwierig ist, einen umfassenden Editor auf so kleinem Raum zu hosten.

Sobald du HTML/CSS gelernt hast, wirst du sicher auch Webseiten in einem richtigen, vollständigen Editor außerhalb der Khan Academy entwickeln wollen. Dort kannst du viele zusätzliche Funktionen nutzen wie etwa mehrere Dateien, Dateisuche, spezielle Plugins und vieles mehr. Egal, welchen Editor du benutzt, beachte, dass du die Dateien immer mit der Endung ".html" speicherst. Denn diese Dateiendung wird für HTML-Seiten benutzt. So wissen sowohl Editor wie auch Webbrowser, was das für Dateien sind.

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, Repl.it, Glitch und CodePen. Falls du einChromeBook verwendest, kannst du eine Chrome App wie Caret oder Zed installieren. Hier ist eine Video, in welchem ich eine Webseite in Cloud9 bearbeite:

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 ein Video, in welchem ich eine Webseite in Sublime Text editiere:

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:

Welchen Editor sollst du wählen? Nun, du kannst auch weiterhin den HTML/CSS Editor von Khan Academy benutzen. Irgendwann wirst du aber einen anderen Editor verwenden wollen. 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 zum Beispiel eine Grafik dessen, was meine Kollegen von Khan Academy verwenden. Einige von ihnen schreiben kein HTML/CSS, daher ist ihr bevorzugter Editor möglicherweise keine gute Wahl für dich.

Wenn du schon einen anderen Editor für das Programmieren von Webseiten verwendest, kannst du in den Tips unten mitteilen was du verwendest und warum. Wenn du einen Favoriten unter den Editor Plugins und Browser Tools hast, teile diese ebenfalls! Wer gibt dem wird gegeben. 😊