Check-in: Einheit 3 - Komponenten
Nachdem du bereits .astro- und .md-Dateien für die Generierung kompletter Seiten deiner Website eingesetzt hast, wird es nun Zeit, mit Astro-Komponenten kleinere HTML-Blöcke zu erstellen und wiederzuverwenden!
Ausblick
Abschnitt betitelt AusblickIn dieser Einheit lernst du, wie du Astro-Komponenten erstellst, um Code für häufig genutzte Elemente deiner Website effektiv wiederzuverwenden.
Du wirst folgende Komponenten bauen:
- Eine Navigationskomponente, die ein Menü mit Links zu deinen Seiten darstellt
- Eine Fußzeilenkomponente, die am Ende jeder Seite eingefügt wird
- Eine Social-Media-Komponente, die in der Fußzeile verwendet wird und auf Profilseiten verlinkt
- Eine interaktive Hamburger-Menü-Komponente für die Navigation auf Mobilgeräten
Dabei wirst du CSS und JavaScript verwenden, um ein responsives Design zu erstellen, das auf Bildschirmgrößen und Benutzereingaben reagiert.