JS/04_browser-api/uebungen/o02_website-with-plugins

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 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 in die Webseite .

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.