2026-10-13 13:41:26 +02:00
parent bc06824ab6
commit 707e3bebe9
3 changed files with 75 additions and 0 deletions
@@ -0,0 +1,34 @@
+# Optionale Übungen
+
+## 1. Optimierung vom ProduktManager
+
+- 1. Positionen sollen an die API gesendet werden und gespeichert werden.
+- 2. Refactoring vom Modul
+  - Optimierung der Übergabeparameter: Element oder Selector (CSS Selektion als String) kann übergeben werden. Tipp: `module instanceof HTMLElement`
+   - Die Wiederholungen der Fetch Anfragen in eine `api.request` Methode zusammenfassen 
+
+
+## 2. Integration Modul Splide in den Header
+
+- Intergriere ein weiteres Modul [`@splidejs/splide`](https://splidejs.com/guides/getting-started/) in den Webseiten Header. Nutze zum Testen Dummyimages mit verschiedenen Farben (https://dummyimage.com/1920x450/f90/fff.jpg)
+
+## 3. Tooltip als Modul verwenden
+
+Intergriere das Plugin [`floating-ui`](https://floating-ui.com/)
+in die [Webseite](../../unterricht/tag21/03_website-gulp-js/index.html) .
+
+
+
+## 4. Formularvalidierung als Modul
+
+Erstelle ein Modul für die Validierung von einem Formular (`FormValidator`) mit folgenden Feldern
+
+- Vor- und Nachname
+- E-Mail
+- Adresse bestehend aus:
+  - Strasse, Hausnummer
+  - PLZ, Ort
+  - Land
+- Nachricht
+
+Die Validierung soll direkt während (`input`) oder nach der Eingabe (`blur`) der Felder stattfinden. Die Verwendung von Validierungsmodulen wie `validator` dürfen dabei verwenden werden.