Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
| modul:m288:learningunits:lu01:loesungen:01 [2025/08/15 11:06] – angelegt vdemir | modul:m288:learningunits:lu01:loesungen:01 [2025/08/15 15:52] (aktuell) – vdemir | ||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| - | ====== | + | ====== |
| **1. Welche Aufgaben übernehmen HTML, CSS und JavaScript jeweils im Frontend einer Webanwendung? | **1. Welche Aufgaben übernehmen HTML, CSS und JavaScript jeweils im Frontend einer Webanwendung? | ||
| - | | + | HTML – Struktur und Inhalt der Webseite (Überschriften, |
| - | | + | CSS – Gestaltung, Layout und visuelle Effekte (Farben, Abstände, Animationen). |
| - | | + | JavaScript – Interaktivität, |
| ---- | ---- | ||
| Zeile 11: | Zeile 11: | ||
| **2. Wo wird JavaScript in einer klassischen Client-Server-Architektur normalerweise ausgeführt, | **2. Wo wird JavaScript in einer klassischen Client-Server-Architektur normalerweise ausgeführt, | ||
| - | Ursprünglich lief JavaScript nur clientseitig im Browser.Durch Node.js kann JavaScript auch serverseitig ausgeführt werden, um Backends, APIs oder komplette Webserver zu implementieren. | + | |
| ---- | ---- | ||
| Zeile 17: | Zeile 17: | ||
| **3. Wo wird JavaScript in einer klassischen Client-Server-Architektur typischerweise ausgeführt? | **3. Wo wird JavaScript in einer klassischen Client-Server-Architektur typischerweise ausgeführt? | ||
| - | C) Im Browser, und dank Node.js auch auf dem Server | + | |
| ---- | ---- | ||
| Zeile 24: | Zeile 24: | ||
| **4. Nenne zwei typische Anwendungsbeispiele für JavaScript auf der Clientseite und zwei auf der Serverseite. ** | **4. Nenne zwei typische Anwendungsbeispiele für JavaScript auf der Clientseite und zwei auf der Serverseite. ** | ||
| - | **Clientseitig: | + | |
| * Formularvalidierung im Browser | * Formularvalidierung im Browser | ||
| - | * Dynamische DOM-Manipulation (z. B. Inhalte austauschen, | + | * Dynamische DOM-Manipulation (z. B. Inhalte austauschen, |
| - | **Serverseitig: | + | |
| + | | ||
| * API-Entwicklung mit Node.js | * API-Entwicklung mit Node.js | ||
| * Verarbeitung von Datenbankabfragen | * Verarbeitung von Datenbankabfragen | ||
| Zeile 35: | Zeile 36: | ||
| **5. Wie interagieren Browser (Client) und Webserver in Bezug auf HTML-, CSS- und JavaScript-Dateien? | **5. Wie interagieren Browser (Client) und Webserver in Bezug auf HTML-, CSS- und JavaScript-Dateien? | ||
| - | | + | |
| - | | + | |
| - | | + | |
| **6. Warum ist JavaScript eine Multi-Paradigmen-Sprache, | **6. Warum ist JavaScript eine Multi-Paradigmen-Sprache, | ||
| - | JavaScript unterstützt mehrere Programmierstile (Paradigmen): | ||
| - | | ||
| - | * Objektorientiert (mit Prototypen und Klassen) | ||
| - | * Funktional (Funktionen als First-Class-Objects, | ||
| - | * Imperativ (schrittweise Anweisungen) | ||
| - | Diese Flexibilität macht es vielseitig einsetzbar. | + | JavaScript unterstützt mehrere Programmierstile (Paradigmen): |
| + | * Objektorientiert (mit Prototypen und Klassen) | ||
| + | * Funktional (Funktionen als First-Class-Objects, | ||
| + | * Imperativ (schrittweise Anweisungen) | ||
| + | | ||
| ---- | ---- | ||
| **7. Welche Aussage beschreibt am besten das Zusammenspiel von HTML, CSS und JavaScript in einer Webanwendung? | **7. Welche Aussage beschreibt am besten das Zusammenspiel von HTML, CSS und JavaScript in einer Webanwendung? | ||
| - | B) HTML sorgt für Struktur, CSS für Design und JavaScript für Interaktivität | + | |
| + | | ||
| ---- | ---- | ||