34 lines
1.3 KiB
Markdown
34 lines
1.3 KiB
Markdown
# 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. |