JavaScript Grundlagen: Strings, Numbers und DOM

Diese Flashcards decken die Grundlagen von JavaScript ab, einschließlich Datentypen, DOM-Manipulation, Variablen, Arrays, Objekten und CSS-Einheiten.

Datentyp (Data Type)

Information für JavaScript, welche Art von Wert vorliegt, wie zum Beispiel string, number oder boolean.

String

Ein Datentyp für Text, der in Anführungszeichen (Einfach, Doppelt oder Backticks) steht.

Number

Ein Datentyp für Zahlen (ganze Zahlen oder Kommazahlen), der ohne Anführungszeichen geschrieben wird.

Boolean

Ein Datentyp mit nur zwei möglichen Werten: true (wahr) oder false (falsch).

undefined

Ein Datentyp, der angibt, dass für eine Variable kein Wert vorhanden ist.

null

Ein Datentyp, der einen absichtlich leeren Wert repräsentiert.

Array

Eine geordnete Liste von Werten, die über eine Position (Index) abgerufen werden können.

Object (Objekt)

Eine Sammlung zusammengehöriger Informationen in Form von Key-Value-Paaren (Eigenschaften).

Backticks

Das Zeichen `, das zur Erstellung von Template Strings verwendet wird.

Template Strings

Strings, die Backticks nutzen und das Einbetten von Variablen oder Rechnungen über $\$\{variable\}$ ermöglichen.

Modulo-Operator ($\%$)

Ein Rechenzeichen, das den Rest einer Division ausgibt (z. B. $10 \% 3$ ergibt $1$).

Exponentiation-Operator ($**$)

Ein Rechenzeichen in JavaScript, das für 'hoch' (Potenzieren) steht.

String-Konkatenation

Das Zusammenfügen von Texten mit dem $+$-Zeichen.

typeof

Ein Operator, mit dem der Datentyp eines Wertes oder einer Variable geprüft werden kann.

Number()

Eine Funktion, die einen Wert (z. B. einen String) in eine Zahl umwandelt.

String()

Eine Funktion, die eine Zahl in einen Text umwandelt.

DOM (Document Object Model)

Die Brücke zwischen HTML und JavaScript, die die Webseite als Baumstruktur darstellt, damit JavaScript Elemente finden und verändern kann.

document

Das Objekt in JavaScript, das die gesamte HTML-Seite repräsentiert.

document.getElementById()

Eine Methode, um ein spezifisches HTML-Element über seine ID zu finden.

.textContent

Eine Eigenschaft, die den sichtbaren Text innerhalb eines HTML-Elements liest oder ändert.

.innerText

Wird verwendet, um den sichtbaren Text eines HTML-Elements zu ändern oder zu ergänzen (ähnlich wie .textContent).

.innerHTML

Ermöglicht es, den kompletten HTML-Inhalt (inklusive Tags) innerhalb eines Elements zu ändern.

.value

Wird verwendet, um den aktuellen Text oder Wert aus einem Eingabefeld (Input-Feld) auszulesen.

let

Ein Schlüsselwort zum Erstellen von Variablen, deren Wert sich im Verlauf des Programms ändern darf.

const

Ein Schlüsselwort für Variablen, deren Wert nach der ersten Zuweisung gleich bleiben muss.

var

Die veraltete Art, Variablen in JavaScript zu erstellen.

onclick

Ein Event Handler, der eine Funktion ausführt, sobald ein Element angeklickt wird.

addEventListener()

Die moderne Methode, um auf Ereignisse (wie 'click') zu reagieren, ohne bestehende Funktionen zu überschreiben.

Ein HTML-Tag, der als kleiner Container für Textstellen innerhalb einer Zeile dient.

Local Dev Environment

Der Arbeitsplatz auf dem eigenen Computer (Code-Editor, Browser, Ordner-Struktur), um Webseiten vor der Veröffentlichung zu bauen.

README

Die ausführliche Beschreibung eines Projekts auf GitHub (Funktionen, Dateien, Lerninhalte).

Netlify

Eine Plattform zur Online-Veröffentlichung von Webseiten durch die Verknüpfung mit GitHub.

Logischer Operator && (UND)

Bedingung, bei der beide verknüpften Ausdrücke wahr sein müssen.

Logischer Operator || (ODER)

Bedingung, bei der es ausreicht, wenn mindestens einer der Ausdrücke wahr ist.

Zuweisung (=)

Speichert einen Wert in einer Variable.

Strenger Vergleich (===)

Prüft, ob zwei Werte sowohl in ihrem Inhalt als auch in ihrem Datentyp identisch sind.

Math.random()

Erzeugt eine zufällige Kommazahl im Bereich von inklusiv $0$ bis exklusiv $1$.

Math.floor()

Rundet eine Zahl immer auf die nächste ganze Zahl ab.

Index

Die Position eines Elements in einem Array, wobei die Zählung bei $0$ beginnt.

.length

Eigenschaft, die die Anzahl der Elemente in einem Array oder die Anzahl der Zeichen in einem String angibt.

.push()

Fügt einen neuen Wert am Ende eines Arrays hinzu.

.pop()

Entfernt das letzte Element aus einem Array.

Loop (Schleife)

Wiederholt einen Codeblock automatisch, solange eine bestimmte Bedingung erfüllt ist.

this

Bezieht sich innerhalb einer Methode meistens auf das aktuelle Objekt, zu dem die Methode gehört.

Method (Methode)

Eine Funktion, die als Eigenschaft innerhalb eines Objekts definiert ist.

rem

Eine relative CSS-Einheit, die sich auf die Schriftgröße des Root-Elements (meist $16\,px$) bezieht.

em

Eine relative CSS-Einheit, die von der aktuellen Schriftgröße des Elements oder des Elternelements abhängt.

vw / vh

Relative CSS-Einheiten, die sich auf die Breite (viewport width) oder Höhe (viewport height) des Browserfensters beziehen.