JavaScript Einführung
JavaScript Einführung
JavaScript im Browser, Interaktivität, clientseitige Logik und script-Tag. Diese Seite ist als Lernunterlage, Nachschlagewerk und Prüfungsvorbereitung für die CAP-Ausbildung gedacht.
Lernziele
- JavaScript von HTML und CSS abgrenzen
- Skripte korrekt in HTML einbinden
- typische Interaktionen im Browser erklären
Erklärung
JavaScript macht Webseiten interaktiv. Es reagiert auf Ereignisse, prüft Eingaben, verändert den DOM und lädt Daten von APIs.
Im Browser läuft JavaScript clientseitig. Das bedeutet: Der Code wird auf dem Gerät der Benutzer ausgeführt. Sicherheitsrelevante Regeln müssen trotzdem serverseitig geprüft werden.
Beispiele
<script src="app.js" defer></script>
defer lädt das Skript, führt es aber erst aus, wenn das HTML geparst wurde.
const message = "Hallo CAP";
console.log(message);
Ein erster Test zeigt in der Konsole, ob JavaScript geladen wurde.
Typische Fehler
- Skripte im
headohnedefereinbinden und DOM-Elemente zu früh suchen. - JavaScript für Inhalte verwenden, die auch als HTML vorhanden sein sollten.
- Frontend-Code als geheim betrachten, obwohl er im Browser sichtbar ist.
Best Practices
- Binde externe Skripte mit
deferein. - Halte HTML-Grundinhalte auch ohne JavaScript verständlich.
- Nutze die Konsole und DevTools von Anfang an.
Kleine Übung
Erstelle eine HTML-Seite mit Button und externer app.js. Gib beim Klick eine Nachricht in der Konsole aus.
Zusammenfassung
JavaScript ergänzt Webseiten um Verhalten. Robuster Code arbeitet mit klaren Daten, kleinen Funktionen, sicheren DOM-Operationen, guter Fehlerbehandlung und nachvollziehbarer Struktur.
Weiterführende Seiten
Zuletzt aktualisiert: 7. Juni 2026