Modulglossar

Wie oft pro Sekunde ein analoges Signal (z. B. Schall) gemessen wird. CD-Qualität: 44.100 Hz (44,1 kHz).

Eine eindeutige, endliche Folge von Anweisungen, die ein Problem löst. Benannt nach dem Mathematiker al-Chwarizmi (9. Jh.).

Eine Funktion ohne Namen. Sie wird häufig direkt an Stellen deklariert, an denen sie als Callback übergeben wird (z. B. als Arrow Function).

American Standard Code for Information Interchange. Zeichensatz aus 128 Zeichen (7 Bit), der Buchstaben, Zahlen und Sonderzeichen auf Zahlen abbildet.

Ein Datenwert, der zu einer Klasse gehört. Vergleichbar mit einer Variablen innerhalb der Klasse. Attribute beschreiben den Zustand eines Objekts.

Eine Anweisung, die nur ausgeführt wird, wenn eine bestimmte Bedingung erfüllt ist. In TypeScript: if (Bedingung) { ... }. Vergleichbar mit 'Wenn ... dann ...' im Alltag.

Kleinste Informationseinheit (binary digit). Kann nur 0 oder 1 sein. Entspricht elektrisch: Strom aus / Strom an.

Kleinste Informationseinheit — kann nur zwei Zustände annehmen: 0 oder 1 (an/aus, wahr/falsch).

Ein CSS-Framework von Twitter (2011). Liefert vorgefertigte CSS-Klassen für Raster, Buttons, Formulare und mehr. Das Rastersystem basiert auf 12 Spalten.

Jedes HTML-Element ist eine rechteckige Box mit vier Schichten: content (Inhalt) → padding (Innenabstand) → border (Rahmen) → margin (Außenabstand).

Ein System zur Datenübertragung zwischen den verschiedenen Komponenten eines Rechners, wie Prozessor, Arbeitsspeicher und Ein-/Ausgabe.

8 Bit. Ein Byte kann 2⁸ = 256 verschiedene Werte darstellen (0–255).

8 Bit zusammen. Ein Byte kann 256 verschiedene Werte darstellen (0–255).

Eine Funktion, die als Parameter an eine andere Funktion übergeben wird. Beispiel: der zweite Parameter von addEventListener ist eine Callback-Funktion, die aufgerufen wird, wenn das Event eintritt.

Die Abbildung von Informationen (z. B. Buchstaben, Farben) auf ein anderes Zeichensystem (z. B. Zahlen, Bits). Ziel: Maschinen können die Information verarbeiten.

Ein Programm, das Code von einer Sprache in eine andere übersetzt. Der TypeScript-Compiler (tsc) übersetzt .ts-Dateien in .js-Dateien, weil Browser kein TypeScript verstehen.

Cascading Style Sheets. Die Sprache zur Gestaltung von HTML-Seiten: Farben, Schriften, Abstände, Layout. CSS-Regeln folgen immer dem Schema: Selektor { Eigenschaft: Wert; }

Ein CSS-Layout-Modus für zweidimensionale Raster. Mit display: grid lassen sich Seiten in Zeilen und Spalten aufteilen — ideal für ganze Seitenlayouts.

Beschreibt, welche Art von Werten eine Variable speichern kann und welche Operationen darauf möglich sind. Beispiele: number (Zahlen), string (Text), boolean (Wahr/Falsch).

Die Umkehrung der Codierung — aus der codierten Form wird wieder die ursprüngliche Information rekonstruiert.

Document Object Model. Die Baumstruktur, die ein Browser aus dem HTML-Code erzeugt. Jedes HTML-Element wird zu einem Knoten im Baum.

Ein Event des document-Objekts, das ausgelöst wird, sobald das HTML vollständig geparst und der DOM-Baum aufgebaut ist. Erst dann können Elemente sicher selektiert werden.

Der offizielle Standard, dem JavaScript folgt. Die European Computer Manufacturers Association (ECMA) in Genf legt fest, was eine Web-Scripting-Sprache können muss. JavaScript ist die bekannteste Umsetzung dieses Standards.

Ein Ereignis, das im Browser auftritt — z. B. ein Klick, Tastendruck, Scrollen oder das Laden der Seite. TypeScript kann auf Events reagieren, indem Eventhandler mit addEventListener registriert werden.

Das DOM-Element, auf dem das Ereignis ursprünglich ausgelöst wurde. Kann im Eventhandler über event.target ausgelesen werden.

Methode auf dem Event-Objekt, die das Standardverhalten des Browsers unterbindet. Bei Formularen verhindert es das automatische Neuladen der Seite beim Absenden.

Werte, die in einer Bedingung automatisch als false behandelt werden: 0, leerer String '', undefined, null, NaN. Alle anderen Werte gelten als true (truthy).

Die Anzahl der Bits, die zur Speicherung der Farbinformation eines einzelnen Pixels verwendet werden. Sie bestimmt, wie viele verschiedene Farben ein Pixel annehmen kann (z. B. 24-Bit-Farbtiefe für RGB).

Ein CSS-Layout-Modus für eine Zeile (oder Spalte) voller Elemente. Mit display: flex werden Kindelemente nebeneinander angeordnet und können flexibel wachsen oder schrumpfen.

Zählschleife mit drei Teilen im Kopf: Initialisierung, Bedingung, Schrittanweisung. Kompakt und übersichtlich für bekannte Anzahl von Iterationen oder Array-Durchläufe.

Ein benannter, wiederverwendbarer Code-Block. Eine Funktion kann Parameter entgegennehmen, eine Aufgabe ausführen und einen Wert zurückgeben. Wird mit function name(...) { ... } oder als Arrow Function definiert.

Die physischen, anfassbaren Bestandteile eines Computersystems — z. B. Prozessor, Arbeitsspeicher, Festplatte.

Zahlensystem mit Basis 16. Ziffern: 0–9 und A–F. Vier Binärziffern (1 Nibble) entsprechen genau einer Hexziffer — deshalb im IT-Bereich sehr beliebt.

Hypertext Markup Language. Auszeichnungssprache zur Beschreibung der Struktur von Webseiten. Kein Programm, kein Algorithmus — nur Text mit speziellen Markierungen (Tags).

Die grundlegende Auswahl-Struktur. if prüft eine Bedingung. Falls wahr, wird der erste Block ausgeführt. Falls falsch, der else-Block (optional). Mehrere Bedingungen werden mit else if verkettet.

Kunstwort aus 'Information' + 'Automatik', geprägt 1957. Bezeichnet die Wissenschaft von der systematischen (meist automatisierten) Verarbeitung von Informationen.

Übergeordneter Begriff, der Informatik als Wissenschaft, informationsverarbeitende Systeme (Hardware + Software) sowie die zugehörige Wirtschaftsbranche (IKT) umfasst.

Ähnlich wie innerText, enthält aber den vollständigen HTML-Code zwischen öffnendem und schließendem Tag (inklusive HTML-Tags).

Attribut von HTML-Elementen, das den sichtbaren Textinhalt enthält (ohne HTML-Tags). Kann gelesen und geschrieben werden.

Der Prozess des Erstellens einer konkreten Instanz (eines Objekts) aus einem abstrakten Bauplan (einer Klasse) mittels des new-Operators.

Ein OOP-Prinzip, bei dem die internen Daten eines Objekts vor direktem Zugriff von außen geschützt werden. Der Zugriff erfolgt stattdessen kontrolliert über Methoden.

Das 'C' in CSS — mehrere CSS-Regeln können dasselbe Element betreffen. Die Kaskade legt fest, welche Regel gewinnt: Reihenfolge, Herkunft und Spezifität bestimmen das Ergebnis.

Ein Bauplan für Objekte. Sie definiert, welche Attribute (Daten) und Methoden (Funktionen) ein Objekt des Typs haben wird. In TypeScript mit dem Schlüsselwort class definiert.

Auch ternärer Operator genannt. Eine Kurzschreibweise für eine einfache if/else-Bedingung, die einen Wert zurückgibt. Syntax: Bedingung ? WertWennWahr : WertWennFalsch.

Eine Variable, deren Wert nach der ersten Zuweisung nicht mehr verändert werden kann. In TypeScript mit const deklariert.

Eine spezielle Methode einer Klasse, die beim Erstellen eines neuen Objekts ausgeführt wird. In TypeScript mit constructor() definiert. Stellt sicher, dass das Objekt von Anfang an vollständig ist.

Ein direkt im Code hingeschriebener Wert. Beispiele: 42 (Number-Literal), true (Boolean-Literal), 'Hallo' (String-Literal).

Eine Variable, die innerhalb einer Funktion deklariert wird. Sie ist nur innerhalb dieser Funktion sichtbar und verliert ihre Gültigkeit, sobald die Funktion beendet wird.

Eine CSS-Bedingung, die Regeln nur bei bestimmten Bildschirmgrößen anwendet. Beispiel: @media (min-width: 600px) { ... } gilt nur auf Bildschirmen ab 600 px Breite.

Eine Funktion innerhalb einer Klasse. Methoden beschreiben das Verhalten eines Objekts. Sie können auf die eigenen Attribute mit this zugreifen.

Das Schlüsselwort zum Erstellen eines neuen Objekts aus einer Klasse. let user = new User() ruft den Konstruktor der Klasse User auf und gibt ein neues Objekt zurück.

4 Bit = halbes Byte. Kann genau eine hexadezimale Ziffer darstellen (0–F).

Eine konkrete Instanz einer Klasse. Wenn eine Klasse der Bauplan ist, ist das Objekt das gebaute Haus. Jedes Objekt hat seine eigenen Attributwerte.

Ein Symbol, das Werte verknüpft und einen neuen Wert erzeugt. Beispiele: + (Addition), === (Gleichheit mit Typprüfung), && (logisches Und).

Eingabewerte einer Funktion. Sie stehen in den runden Klammern der Funktionsdefinition und verhalten sich wie lokale Variablen innerhalb der Funktion.

Das Verarbeiten des HTML-Textes durch den Browser. Der Browser liest den Code von oben nach unten und baut dabei den DOM-Baum auf.

Bild aufgebaut aus einem Raster von farbigen Bildpunkten (Pixel). Qualität hängt von Auflösung und Farbtiefe ab.

Spezielle CSS-Selektoren, die den Zustand eines Elements beschreiben (z. B. :hover für Mauszeigerkontakt, :focus bei Tastatureingabe).

Methode des document-Objekts, die ein einzelnes HTML-Element anhand eines CSS-Selektors auswählt. Beispiel: document.querySelector('#submitForm') wählt das Element mit id='submitForm'.

Eine Methode des document-Objekts, die eine statische NodeList aller Elemente zurückgibt, die dem angegebenen CSS-Selektor entsprechen.

Eine Funktion, die sich selbst aufruft. Geeignet für Probleme, die sich natürlich in ähnliche Teilprobleme zerlegen lassen (z. B. Fakultät). Benötigt immer einen Basisfall, der die Rekursion beendet.

Additives Farbmodell: Rot, Grün und Blau werden in Anteilen von 0–255 gemischt. 256³ ≈ 16,8 Millionen Farben möglich.

Der Wert, den eine Funktion mit return an die aufrufende Stelle zurückgibt. Der Typ des Rückgabewertes wird nach den Parametern mit einem Doppelpunkt angegeben.

Eine Kontrollstruktur, bei der ein Code-Block so lange wiederholt wird, wie eine Bedingung erfüllt ist. In TypeScript: while (Bedingung) { ... } oder for (Init; Bedingung; Schritt) { ... }.

Die logische Bedingung im Schleifenkopf, die vor (oder nach) jedem Durchlauf ausgewertet wird. Bestimmt, ob die Schleife fortgesetzt oder beendet wird.

Eine Software, die seheingeschränkten Menschen die Bildschirminhalte vorliest. Sie verlässt sich stark auf semantisches HTML und alternative Texte.

Der Teil einer CSS-Regel, der bestimmt, welche HTML-Elemente die Regel betrifft. Beispiele: p (alle Absätze), .box (alle Elemente mit class='box'), #logo (das Element mit id='logo').

Verwendung von HTML-Tags nach ihrer inhaltlichen Bedeutung statt nur nach optischem Ergebnis. Wichtig für Suchmaschinen, Screenreader und Wartbarkeit.

Programme und Daten, die auf Hardware laufen — nicht anfassbar, aber unverzichtbar.

Jede Variable hat einen festen Datentyp, der beim Schreiben des Codes festgelegt wird. Der Compiler kann dann prüfen, ob Typen korrekt verwendet werden — noch bevor das Programm läuft.

Schlüsselwort im Konstruktor einer abgeleiteten Klasse, das den Konstruktor der Elternklasse aufruft. Muss als erste Anweisung im Konstruktor stehen.

Eine Mehrfachauswahl, die einen Wert gegen eine endliche Menge von Optionen vergleicht. Sinnvoll, wenn viele konkrete Fälle eines enum oder ähnlicher Werte unterschieden werden sollen.

Das Schlüsselwort, mit dem eine Methode auf die eigenen Attribute und Methoden der Klasse zugreift. this.name bezieht sich auf das Attribut 'name' des aktuellen Objekts.

Ein spezieller Array-Typ in TypeScript, der eine feste Anzahl von Elementen mit bekannten, aber potenziell unterschiedlichen Datentypen enthält (z. B. [string, number]).

Ein 1936 von Alan Turing beschriebenes theoretisches Modell eines Computers. Grundlage der Informatik-Theorie: Alles, was berechenbar ist, kann eine Turing-Maschine berechnen.

Die Eigenschaft eines Systems (z. B. einer Programmiersprache oder einer Maschine), jede berechenbare Funktion berechnen zu können.

Die automatische Typerkennung durch den TypeScript-Compiler. Wenn eine Variable direkt bei der Deklaration initialisiert wird, ermittelt TypeScript den Datentyp automatisch.

Eine Erweiterung (Superset) von JavaScript. Alles, was in JavaScript geht, funktioniert auch in TypeScript. TypeScript fügt statische Typisierung hinzu und entstand zur Zeit von ECMAScript Version 6.

Erweiterter Zeichensatz mit über 159.000 Zeichen (Version 17.0, 2025). Enthält Buchstaben aller Sprachen, Emojis u.v.m. Die ersten 128 Einträge sind identisch zu ASCII.

Ein Programm (z. B. vom W3C), das prüft ob HTML-Code syntaktisch korrekt ist. Ungültiger Code wird vom Browser oft korrigiert — aber anders als erwartet.

Attribut von Input-Elementen, das den aktuellen Inhalt des Eingabefelds enthält. Über value.value kann man lesen, was der Nutzer eingegeben hat.

Ein benannter Speicherplatz im Arbeitsspeicher. Wie eine Schachtel mit Etikett: Der Name ist das Etikett, der Typ beschreibt was rein darf, der Wert ist der Inhalt.

Eine Grafik, die nicht aus Bildpunkten (Pixeln) aufgebaut ist, sondern aus mathematisch definierten geometrischen Formen (Linien, Kurven, Kreise). Lässt sich verlustfrei skalieren (z. B. SVG).

Eine Klasse kann eine andere erweitern (extends). Die abgeleitete Klasse erbt alle Attribute und Methoden der Elternklasse und kann eigene hinzufügen oder vorhandene überschreiben.

Der sichtbare Bereich einer Webseite im Browser. Die Größe des Viewports variiert je nach Gerät (Mobiltelefon, Tablet, Desktop) und kann in CSS angesprochen werden.

Der Rückgabetyp von Funktionen, die keinen Wert zurückgeben. Eine void-Funktion gibt Dinge auf dem Bildschirm aus, speichert Daten oder verändert den DOM — aber gibt nichts zurück.

Das bis heute gültige Grundprinzip moderner Computer: Prozessor, Speicher und Ein-/Ausgabe sind über einen Bus verbunden. Programm und Daten liegen im selben Speicher.

Führt den Code-Block aus, solange die Bedingung true ist. Wenn die Bedingung von Anfang an false ist, wird der Block gar nicht ausgeführt. Für unbekannte Anzahl von Iterationen.

Methode zur Darstellung negativer ganzer Zahlen im Binärsystem. Ermöglicht, dass ein Prozessor subtrahieren kann, indem er addiert.