Quellcode: Was genau ist ein Quelltext?
Wer weder Programmierer noch Webdesigner ist, macht sich vermutlich selten Gedanken darüber, was hinter den Programmen und Internetseiten steckt, die man täglich verwendet. Diese fußen auf z. T. sehr komplizierten und langen Anweisungen an Ihren Computer. Den Befehlstext nennt man Quellcode, Quelltext oder – auf Englisch – Source Code. Basierend auf einer bestimmten Programmiersprache legen Programmierer alle Regeln für eine vom Computer ausführbare Anwendung fest. Sollte der Verfasser einen unbemerkten Fehler in seine Arbeit einbauen, der gegen die Vorgaben der Programmiersprache verstößt, wird das Programm gar nicht erst funktionieren oder bei bestimmten Prozessen abstürzen.
Als Quellcode versteht man einen für Menschen lesbaren Text, der in einer bestimmten Programmiersprache verfasst ist. Das Ziel des Quelltextes ist es, dem Computer genaue Regeln und Vorgaben zu machen, die dieser in Maschinensprache übersetzen kann. So sind Quellcodes die Grundlage für Programme und Websites.
Was ist ein Quellcode?
Computer – egal ob der heimische PC, moderne Smartphones oder Rechner aus Industrie und Wissenschaft – arbeiten im binären System: an/aus, geladen/nicht geladen, 1/0. Eine Abfolge von Zuständen (Bits) weist den Computer an, was dieser zu tun hat. Während in den Anfangstagen der Computertechnologie noch tatsächlich mit diesen beiden Zuständen Befehle erstellt wurden, ist man längst dazu übergangen, Anwendungen in einer vom Menschen lesbaren Programmiersprache zu schreiben. Das mag zunächst seltsam klingen, denn als Laie erkennt man auch in einem Quellcode hauptsächlich wirres Kauderwelsch. „Menschenlesbar“ ist in diesem Zusammenhang allerdings als Gegenbegriff zu „maschinenlesbar“ zu verstehen. Während Computer nur mit Zahlenwerten arbeiten, nutzen Menschen zur Kommunikation Wörter. Genau wie Fremdsprachen muss man die verschiedenen Programmiersprachen zunächst lernen, bevor man sie einsetzen kann.
Unterschiedliche Programmiersprachen
Es gibt hunderte verschiedene Programmiersprachen. Dabei kann man nicht unbedingt sagen, dass es per se bessere oder schlechtere gibt, denn dies ist immer im Kontext des Projekts zu sehen und abhängig von der Anwendung, für die der Quellcode eingesetzt wird. Zu den bekanntesten Programmiersprachen gehören:- BASIC
- Java
- C
- C++
- Pascal
- Python
- PHP
- JavaScript
Compiler & Interpreter
Damit Computer den von Programmierern verfassten Quelltext weiterverarbeiten können, muss ein Übersetzer zwischen beiden stehen – in Form eines zusätzlichen Programms. Diese Hilfsanwendung kann entweder in Form eines Compilers oder als Interpreter auftauchen:- Compiler: Dieser Anwendungstyp übersetzt (kompiliert) den Quellcode in einen Code, der vom Prozessor verstanden und ausgeführt werden kann. Dieser Maschinencode lässt sich in Form einer ausführbaren Datei speichern.
- Interpreter: Ein Interpreter übersetzt den Quellcode Zeile für Zeile und führt diesen direkt aus. Der Übersetzungsvorgang läuft dadurch sehr viel schneller ab als bei einem Compiler, dafür ist die Ausführung langsamer und benötigt eine große Menge an Arbeitsspeicher.
Auszeichnungssprachen
Auch beim Grundgerüst einer Webseite spricht man von einem Quelltext. Grundlage hierfür ist allerdings keine Programmiersprache, sondern die Auszeichnungssprache HTML. Eine Auszeichnungssprache legt fest, wie ein Inhalt strukturiert ist. So lassen sich mit HTML z. B. Überschriften, Absätze oder Hervorhebungen definieren. Ein HTML-Dokument ist an sich kein Programm, kann aber eines enthalten, etwa in Form von JavaScript-Code. Ähnliches gilt für andere Auszeichnungssprachen, etwa XML.Aufbau von Quelltext
Beim Schreiben von Programmen hält man sich – abhängig von der verwendeten Programmiersprache – an bestimmte Konventionen. Die wenigsten Programmiersprachen erscheinen allerdings aus dem Nichts, die meisten bauen aufeinander auf. Deshalb kommen bestimmte Elemente immer wieder in verschiedenen Programmcodes vor:
Auch wenn es in vielen Fällen nicht nur einen richtigen Lösungsweg gibt, haben alle Programmierarbeiten eines gemeinsam: Ein guter Quelltext sollte unnötigen Code vermeiden. Dieser macht das Programm unübersichtlich, langsamer und anfälliger für Fehler. Besonders unübersichtlichen Quellcode, den auch Profis nicht mehr durchschauen, nennt man Spaghetticode, da die Struktur so verworren ist wie die langen Nudeln auf dem Teller.
- Befehle: Anweisungen sind die Basis wahrscheinlich aller Anwendungen. Hiermit macht der Programmierer seinem zukünftigen Programm klar, was es zu tun hat. Solche Befehle können z. B. bestimmte Rechenschritte auslösen oder einen Text anzeigen lassen.
- Variablen: Variablen sind Leerstellen, die mit Informationen gefüllt werden können. Auf diese referiert man innerhalb des Quellcodes immer wieder mit einer zu vergebenden Bezeichnung.
- Vergleiche: Entscheidend für den Aufbau der meisten Programme sind auch Abfragen, die etwa nach einem Wenn-dann-Schema – also nach dem Prinzip der Aussagenlogik – funktionieren. Wenn ein bestimmter Wahrheitswert eintritt, wird ein Ereignis ausgelöst, ansonsten ein anderes.
- Schleifen: Abfragen können auch Grundlage für Schleifen im Quelltext sein. Ein Befehl wird so lange wiederholt, bis ein bestimmter Wert erreicht ist. Erst dann verlässt das Programm die Schleife und führt den restlichen Code aus.
- Kommentare: In allen gängigen Programmiersprachen kann man Zeilen innerhalb des Codes auskommentieren. Damit ist es möglich, Text in den Quellcode zu schreiben, der nicht vom Programm berücksichtigt werden soll. Man trägt z. B. Kommentare in den Quelltext ein, damit man selbst oder ein anderer Entwickler auch in Zukunft Teile des Codes nachvollziehen kann.
Auch wenn es in vielen Fällen nicht nur einen richtigen Lösungsweg gibt, haben alle Programmierarbeiten eines gemeinsam: Ein guter Quelltext sollte unnötigen Code vermeiden. Dieser macht das Programm unübersichtlich, langsamer und anfälliger für Fehler. Besonders unübersichtlichen Quellcode, den auch Profis nicht mehr durchschauen, nennt man Spaghetticode, da die Struktur so verworren ist wie die langen Nudeln auf dem Teller.
Quellcode erstellen
Um einen Quelltext zu schreiben, bedarf es eigentlich nur eines einfachen Texteditors – wie etwa der Editor (im englischen Original Notepad) unter Windows oder TextEdit beim Mac. So speichert man den Quellcode auch als Plain-Text (z. B. in der ASCII-Kodierung oder als UTF-8) ab mit der für die Programmiersprache korrekten Dateinamenendung. Wenn Sie also etwa eine Datei mit der Endung „.cpp“ auf Ihrer Festplatte finden, dann ist auch diese eigentlich eine Textdatei, enthält aber wahrscheinlich Code in der Programmiersprache C++.
Bei den Dateinamenserweiterungen handelt es sich um Konventionen. Das Suffix, das man in der Regel mit einem Punkt getrennt an den Dateinamen anhängt, soll anzeigen, welches Format die Datei hat. Windows erkennt an der Dateiendung – sofern diese bekannt ist –, mit welchem Programm es die entsprechende Datei ausführen soll. Andere Betriebssysteme, die auf Unix basieren (z. B. macOS), berücksichtigen auch den Inhalt der Datei, um das Format zu bestimmen.
Texteditor
Neben den Standardprogrammen der Betriebssysteme gibt es aber auch erweiterte Texteditoren, die die Arbeit am Quellcode mit verschiedenen Funktionen erleichtern:- Syntax-Hervorhebung: Jede Programmiersprache benutzt eine eigene Syntax. In vielen Texteditoren können Sie daher zunächst die Programmiersprache auswählen, in der Sie Ihren Quellcode erstellen, und im Anschluss wird das Programm entscheidende Elemente automatisch hervorheben. Auch Einrückungen, die die Struktur im Quelltext klar machen, erstellt das Programm selbstständig.
- Autovervollständigung: Viele Texteditoren für Programmierer kennen die entsprechenden Befehle einer Programmiersprache, vervollständigen diese automatisch und schließen auch geöffnete Klammern von allein.
- Klammerhervorhebung: Programmiersprachen arbeiten mit Klammern, um Elemente zu gruppieren. Damit man auch in großen Code-Dokumenten den Überblick behält, markieren manche Texteditoren die Klammen, in denen man gerade arbeitet.
- Code-Faltung: Quellcode ist in den meisten Fällen hierarchisch aufgebaut, dargestellt durch Einrückungen und Klammern. Damit Sie beim Programmieren mehr Überblick haben, lässt sich in manchen Texteditoren Quelltext, der sich auf tieferen Ebenen befindet, einklappen. So blenden Sie Teile des Codes aus, die momentan nicht relevant für Sie sind.
- Compiler-Integration: Manche Texteditoren lassen sich auch durch Plug-ins mit Compilern aufrüsten. So ist es möglich, das soeben geschriebene Programm direkt auszuprobieren.
- Mehrzeiliges Bearbeiten: Quellcode von Hand zu schreiben, kann ein sehr aufwendiges Unterfangen sein. Deshalb sind Entwickler froh, wenn sie möglichst viele Schritte gleichzeitig ausführen können. Durch mehrzeilige Bearbeitung lassen sich an mehreren Stellen im Dokument identische Änderungen vornehmen – das spart Zeit.
Integrierte Entwicklungsumgebung (IDE)
Umfangreichere Projekte lassen sich einfacher mit speziellen Programmen realisieren. Integrierte Entwicklungsumgebungen fassen mehrere Werkzeuge, die Entwickler bei der Arbeit benötigen, zusammen (deshalb „integriert“) und beschleunigen so den Arbeitsablauf. Zusätzlicher Vorteil solcher IDEs ist, dass die enthaltenen Werkzeuge nahtlos untereinander kommunizieren und synchron Änderungen vornehmen. Zu diesen Werkzeugen gehören meistens:- Texteditoren: Der Texteditor ist auch bei Entwicklungsumgebungen das Kernstück. Es existieren zwar auch wenige visuelle Programmiersprachen, die über die Anordnung von grafischen Elementen funktionieren, doch der absolute Großteil von Anwendungen wird über einen klassischen Quelltext geschrieben. Texteditoren, die Teil einer IDE sind, haben einen ähnlichen Funktionsumfang wie solche Editoren, die man abseits einer Umgebung fürs Programmieren einsetzt.
- Compiler/Interpreter: IDEs umfassen auch Compiler und/oder Interpreter. So können Programmierer ihren Code direkt aus der Umgebung heraus laufen lassen.
- Debugger: Unerlässlich für eine vernünftige Programmierarbeit ist der Einsatz eines Debuggers, weshalb dieses Werkzeug auch ein standardmäßiger Bestandteil einer integrierten Entwicklungsumgebung ist. Mit diesem Tool können Sie Ihren Quellcode auf Fehler (Bugs) untersuchen, indem Sie mit Haltepunkten den Ablauf des Programms unterbrechen und die ausgeführten Vorgänge analysieren.
- Linker: Zum Abschluss eines Kompiliervorgangs müssen verschiedene Elemente zusammengefügt werden. Ein Linker ist ein Programm, das diese Aufgabe übernimmt und so eine ausführbare Datei erzeugt.
- Versionsverwaltung: Dieses Werkzeug protokolliert alle Änderungen, die Sie am Quelltext vornehmen, und kann ältere Versionen des Codes wiederherstellen. So ist nicht Ihr gesamtes Projekt gefährdet, wenn Sie versehentlich einen Fehler einbauen. Eine Versionsverwaltung ist auch für die Zusammenarbeit mehrerer Entwickler an einem Projekt unerlässlich.
- GUI-Builder: Teil vieler Anwendungen ist eine grafische Benutzeroberfläche (GUI). Auch diese muss natürlich über den Quellcode definiert sein. Ein GUI-Builder unterstützt Entwickler beim Designen der Oberfläche. In Form eines WYSIWYG-Editors kann man oftmals per Drag-and-Drop grafische Elemente anordnen. Der GUI-Bilder übersetzt dies innerhalb einer IDE in Funktionen der Programmiersprache.
Wussten Sie, dass sich mit „Element untersuchen“ („inspect element“) Websites im Browser untersuchen lassen?
Quelltext von Webseiten
Auch bei dem Grundgerüst von Webseiten spricht man in der Regel von einem Quellcode, selbst wenn es sich dabei um ein Dokument handelt und nicht um ein Programm. Geschrieben werden Webseiten in der Auszeichnungssprache HTML. Generell ist es aber nicht ungewöhnlich, dass in Webseiten auch Elemente enthalten sind, die in Programmiersprachen verfasst werden, etwa JavaScript. Beiden Spracharten gemein ist, dass man mit ihnen in einfachen Texteditoren schreiben kann. Demnach ließe sich auch eine Webseite komplett im Editor oder mit TextEdit verfassen.
Selbst wenn Sie nicht selbst Webdesigner sind, kann es für Sie interessant sein, den Quellcode einer Seite im Internet zu untersuchen, um z. B. schadhafte Elemente zu erkennen. Alle gängigen Browser bieten Ihnen verschiedene Möglichkeiten, um den Quelltext einer Webseite anzusehen. Auch wenn diese jeweils andere Bezeichnungen haben, finden Sie die gleichen Funktionen im Mozilla Firefox, dem Internet Explorer (bzw. Microsoft Edge) und dem Chrome-Browser von Google.
Eine Variante, den Quellcode einer Webseite sichtbar zu machen, ist das Speichern als HTML-Datei. Durch einen Klick mit der rechten Maustaste oder über das Menü können Sie die Seite herunterladen. Wichtig dabei ist, dass Sie sich für „nur HTML“ als Dateityp entscheiden (wenn Sie die komplette Webseite speichern, wird Sie so angezeigt, wie sie im Browser erscheint – also inklusive aller Bilder und ohne, dass Sie HTML-Tags sehen). Anschließend können Sie die Datei mit einem Texteditor öffnen. Die einfachen Editoren, die Ihr Betriebssystem mitliefert, stellen den Code höchstwahrscheinlich jedoch sehr unübersichtlich dar. Mit einem Texteditor, der einen größeren Funktionsumfang besitzt, können Sie den Quellcode so anzeigen, dass er leichter lesbar ist.
Selbst wenn Sie nicht selbst Webdesigner sind, kann es für Sie interessant sein, den Quellcode einer Seite im Internet zu untersuchen, um z. B. schadhafte Elemente zu erkennen. Alle gängigen Browser bieten Ihnen verschiedene Möglichkeiten, um den Quelltext einer Webseite anzusehen. Auch wenn diese jeweils andere Bezeichnungen haben, finden Sie die gleichen Funktionen im Mozilla Firefox, dem Internet Explorer (bzw. Microsoft Edge) und dem Chrome-Browser von Google.
Eine Variante, den Quellcode einer Webseite sichtbar zu machen, ist das Speichern als HTML-Datei. Durch einen Klick mit der rechten Maustaste oder über das Menü können Sie die Seite herunterladen. Wichtig dabei ist, dass Sie sich für „nur HTML“ als Dateityp entscheiden (wenn Sie die komplette Webseite speichern, wird Sie so angezeigt, wie sie im Browser erscheint – also inklusive aller Bilder und ohne, dass Sie HTML-Tags sehen). Anschließend können Sie die Datei mit einem Texteditor öffnen. Die einfachen Editoren, die Ihr Betriebssystem mitliefert, stellen den Code höchstwahrscheinlich jedoch sehr unübersichtlich dar. Mit einem Texteditor, der einen größeren Funktionsumfang besitzt, können Sie den Quellcode so anzeigen, dass er leichter lesbar ist.
Aber auch ohne die Seite abzuspeichern, können Sie den Quelltext einer Webseite einsehen. Moderne Browser stellen Ihnen dafür zwei Methoden zur Verfügung: Entweder lassen Sie sich einfach den HTML-Code der kompletten Webseite anzeigen oder Sie blenden ein Analysetool ein, das Ihnen bei der Untersuchung des Codes hilft. Die erste Variante unterscheidet sich wenig von der Darstellung der heruntergeladenen Datei. Es öffnet sich ein neuer Tab oder eine neue Seite, die den Quelltext mit Zeilennummerierung gegliedert darstellt.
Die zweite Variante ist interessanter und bietet mehr Funktionen: Das Analysewerkzeug finden Sie im Kontextmenü unter dem Punkt „Untersuchen“ (Chrome) oder „Element untersuchen“ (Internet Explorer & Firefox). Daraufhin öffnet sich ein Bereich innerhalb des Fensters. Auch in diesem kann man sich (neben weiteren Funktionen) den Quellcode anzeigen lassen. Der Unterschied zu den anderen Varianten ist, dass Sie innerhalb dieser Entwicklerwerkzeuge durch Bewegen des Mauszeigers über den Quelltext direkt die entsprechenden Elemente auf der Webseite markieren. Das heißt: Das Tool zeigt Ihnen an, welcher Teil von einer Codezeile betroffen ist. Das machen sich auch Webdesign-Profis zunutze, um z. B. die Darstellung ihrer Webseiten zu überprüfen.
Die zweite Variante ist interessanter und bietet mehr Funktionen: Das Analysewerkzeug finden Sie im Kontextmenü unter dem Punkt „Untersuchen“ (Chrome) oder „Element untersuchen“ (Internet Explorer & Firefox). Daraufhin öffnet sich ein Bereich innerhalb des Fensters. Auch in diesem kann man sich (neben weiteren Funktionen) den Quellcode anzeigen lassen. Der Unterschied zu den anderen Varianten ist, dass Sie innerhalb dieser Entwicklerwerkzeuge durch Bewegen des Mauszeigers über den Quelltext direkt die entsprechenden Elemente auf der Webseite markieren. Das heißt: Das Tool zeigt Ihnen an, welcher Teil von einer Codezeile betroffen ist. Das machen sich auch Webdesign-Profis zunutze, um z. B. die Darstellung ihrer Webseiten zu überprüfen.
Die Untersuchen-Funktion können Sie auf verschiedene Arten öffnen. Außer dem Kontextmenü, das Sie über den Klick mit der rechten Maustaste öffnen, funktioniert in den bekannten Browsern auch das Drücken von F12.
Urheberrecht für Quellcodes
Hinter einem Quellcode steckt jede Menge Arbeit und viel kreative Energie. Deshalb ist der Quelltext eines Programms auch durch das Urheberrecht geschützt. Genau wie bei anderem geistigen Eigentum ist es nicht gestattet, den Code eines Dritten eigenmächtig zu verbreiten oder zu plagiieren. Dies gilt vor allem für sogenannte proprietäre Software.
Anders sieht es mit quelloffenen Programmen aus. Gerade im Bereich der Software-Entwicklung gibt es eine sehr aktive Open-Source-Szene, in der sehr viel freier mit Code umgegangen wird. Sinn dieser offenen Kultur unter Entwicklern ist es, gemeinsam an Projekten zu arbeiten und so auch langfristig Software weiterzuentwickeln und zu verbessern. Bei GitHub, SourceForge oder anderen vergleichbaren Plattformen stellen Entwickler Quellcode für andere Programmierer zur weitgehend freien Verfügung bereit. Allerdings müssen sich Entwickler von Open-Source-Programmen in der Regel auch an bestimmte Auflagen halten, also z. B. Urheber und Lizenz nennen, wenn sie den Code verwenden wollen.
Anders sieht es mit quelloffenen Programmen aus. Gerade im Bereich der Software-Entwicklung gibt es eine sehr aktive Open-Source-Szene, in der sehr viel freier mit Code umgegangen wird. Sinn dieser offenen Kultur unter Entwicklern ist es, gemeinsam an Projekten zu arbeiten und so auch langfristig Software weiterzuentwickeln und zu verbessern. Bei GitHub, SourceForge oder anderen vergleichbaren Plattformen stellen Entwickler Quellcode für andere Programmierer zur weitgehend freien Verfügung bereit. Allerdings müssen sich Entwickler von Open-Source-Programmen in der Regel auch an bestimmte Auflagen halten, also z. B. Urheber und Lizenz nennen, wenn sie den Code verwenden wollen.