HTML, CSS und JavaScript

Frontend

1. 3×3 HTML-Tabelle

• Erstelle eine 3×3 HTML-Tabelle
• Füge in eine Tabellenzelle ein Bild ein und verlinke es so, dass es sich in einem neuen Tab/Fenster öffnet

---

2. Formular mit Validierung

• Erstelle ein Formular mit Feldern für Name und E-Mail sowie einem „Senden”-Button
• Überprüfe bei der Absendung die E-Mail-Adresse mit reinem JavaScript (Vanilla JS) und zeige eine Benachrichtigung an
• Verwende CSS, um ungültige Felder hervorzuheben (z. B. roter Rahmen)
• Setze die gleichen Funktionen zusätzlich mit jQuery um

---

3. Taschenrechner

• Entwirf einen Taschenrechner mit Buttons für Ziffern 0–9, Rechenoperationen, Löschen usw.
  Tipp: MathJS kann hilfreich sein

---

4. Cookies und Datentransfer

• Speichere Daten in Cookies und lese sie aus
• Übertrage Daten zwischen zwei Seiten und zeige sie an

---

5. Bootstrap vs. Tailwind CSS

• Recherchiere Bootstrap und Tailwind CSS:
  • Was sind ihre Hauptfunktionen?
  • Worin unterscheiden sie sich?
  • Für welche Anwendungsfälle eignen sie sich?
• Wähle eines der Frameworks aus und setze es in einer der Übungen um

---

6. APIs und REST

• Recherchiere zu APIs:
  • Wozu dienen sie?
  • Wie interagiert man mit ihnen?
  • Erkläre das REST-Prinzip
• Verwende die RAWG- oder TheMovieDb-API
  • TMDB-API-Key: auf Anfrage
  • RAWG-API-Key: auf Anfrage
• Lies die Dokumentation und implementiere eine Webanwendung, die API-Daten abruft und darstellt

---

7. Datenvisualisierung

• Suche einen Datensatz (z. B. von Kaggle oder Statista)
• Visualisiere die Daten mit einer JavaScript-Chart-Bibliothek (z. B. Chart.js, D3.js)