Das nachfolgende Glossar enthält eine Sammlung von wichtigen Begriffen zum Internet, zur Web-Entwicklung und zur Architektur moderner Web-Apps.
CSS (Cascading Style Sheets) ist eine deklarative Sprache, mit der das Aussehen und Layout von Webseiten im Browser gestaltet wird. CSS-Regeln bestehen aus Selektioren, die HTML-Elemente beschreiben und den Deklarationen, bestehend aus Attribut-Wert-Paaren, die das Styling definieren. Die Kaskadierung bezeichnet den Mechanismus zur Priorisierung, mit dem mehrere, möglicherweise konfligierende CSS-Regeln auf dieselben Elemente angewendet werden.
p {
font-size: 16px;
line-height: 1.5;
}
.alert {
color: red;
font-weight: bold;
}
#header {
background-color: lightgray;
padding: 1rem;
}Das Document Object Model (DOM) bezeichnet eine standardisierte Schnittstelle, mit der HTML- und XML-Dokumente als Baumstruktur dargestellt und manipuliert werden können. Das DOM kann beispielsweise mit JavaScript verwendet werden, um Inhalte, Struktur und Stil von Webseiten dynamisch zu ändern.
HTML (HyperText Markup Language) ist die standardisierte Auszeichnungssprache zur Strukturierung von Inhalten im Web. HTML-Dokumente bestehen aus Elementen wie Überschriften, Absätzen, Listen, Links, Bildern usw. Im Beispiel unten werden im <head> Metadaten wie der Seitentitel definiert, während der <body> den konkreten eine Überschrift und einen Absatz enthält.
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Einfache Webseite</title>
</head>
<body>
<h1>Hallo Welt!</h1>
<p>Dies ist eine einfache HTML-Seite.</p>
</body>
</html>HTTP (HyperText Transfer Protocol) bezeichnet ein Protokoll, durch das Browser und Webserver miteinander kommunizieren können. Das Protokoll zählt im OSI-Modell zur zur Anwendungsschicht. HTTP-Nachrichten sind Anfragen (Requests) oder Antworten (Responses) mit einem Header und einem optionalen Body. Requests enthalten zusätzlich eine Methode (z. B. GET oder POST), Antworten einen Statuscode (z. B. 200 OK oder 404 Not Found).
JavaScript ist eine Programmiersprache, deren Code hauptsächlich im Browser ausgeführt und die dazu verwendet wird, Interaktivität, Animationen und die Kommunikation mit Servern zu ermöglichen. JavaScript wird darüber hinaus mit Laufzeitumgebungen wie Node.js auch auf Servern eingesetzt. Browser implementieren JavaScript-Engines, die den interpretieren und ausführen und der ECMAScript-Spezifikation folgen.
console.log("Hello, world!");
function add(a, b) {
return a + b;
}
const result = add(5, 3);
console.log("Das Ergebnis ist:", result);JavaScript-Frameworks sind Softwarebibliotheken, die Entwickler mit vorgegebenen Strukturen und Funktionen helfen sollen, konsistente und wartbare Webanwendungen zu erstellen. Sie bieten oft Werkzeuge wie Komponenten, Routing und State-Management. Zu den bekanntesten Frameworks bzw. Bibliotheken zählen Angular, React und Vue.js.
Module Bundler fassen mehrere Webressourcen zu optimierten Dateien zusammen. Bekannte Bundler sind Webpack und Rollup. Module Bundler verkleinern Dateien mithilfe verschiedener Techniken wie Minification (Entfernung unnötiger Zeichen) und Tree Shaking (Entfernung ungenutzten Codes), um die Ladezeiten von Webseiten zu verbessern.
Software besteht aus Programmen und Dokumentation. Gute Software erfüllt die Anforderungen an Funktionalität und Leistungsfähigkeit und ist wartbar, verständlich dokumentiert, leicht einsetzbar und erweiterbar. Software kann mithilfe vieler verschiedener Ansätze entwickelt werden, darunter das klassische Wasserfallmodell und die agile Entwicklung.
Beim Wasserfallmodell werden die Entwicklungsschritte wie Spezifikation, Design, Implementierung und Testen nacheinander abgearbeitet. Die agile Entwicklung erfolgt in Iterationen, innerhalb derer einzelne Teile der Anwendung umgesetzt werden, deren Evaluation in die weitere Planung einfließt.