Section outline

    • Skript: Wird jedes Mal erweitert File

    • Vorbereitung für Astro

      • BItte installieren Sie die letzte Stable Version von Node - https://nodejs.org/en
      • Setzen Sie die Pfad Variable.
      • Wenn Sie möchten können Sie ab Freitag ein erstes Miniprojekt herunterladen und mal testen.

    • Vorlesung 1: Überblick über Astro - erste Seiten

      • Installation
      • Übersicht über den Projektaufbau
      • Erste statische Seite mit CSS Einbindung
      • Generieren von Inhalten mit map
      • Markdown
    • ### VIDEO: Package.json (Neu SoSe24) File
      • Was ist npm
      • Pakete für das Projekt laden
      • Inhalte der package.json
    • *** 1_Astro File
      • Astro Projekt
      • Komponentenbasierter Aufbau
      • map-Funktion zum Aufbau einer Seite

    • Vorlesung 2-5: Astro und Server Side Rendering

    • *** 2_Astro_Blog_Markdown_DaisyUI_SSR File

      Dieser Seed basiert nicht mehr wie im SoSe23 auf Astroship. Hier ist eine neue Vorlage enthalten, die auf DaisyUI aufbaut und intuitiver zu verstehen ist. 

      • DaisyUI 
      • SSR Redaktions-/Blogsystem
      • SSR Seiten
      • Navbar, die in Mobile zum Burgermenu wirs (collapse)
    • ### Video: Übersicht über Astro (SoSe24) File
      • Übersicht über Astro
      • Contentdriven
      • Ordnerbasierte Struktur
    • ### Video: Astro, Layouts, Footer, Responsive Navbars (SoSe24) File
      • Nutzung von Layouts
      • Footer
      • Responsive Navbars (die sich zu einem Burgen Menu zusammenfalten bei kleineren Screens)
    • ### Video: Server Side Rendering (SoSe24) File
      • Server Side Rendering am Beispiel der Seite "Person"
      • Die Seiten werden statisch gebaut und sind im Frontend dann nicht mehr änderbar. --> für reinen Content ohne Interaktion sehr gut geeignet.
    • ### Video: Blogübersicht (SoSe24) File
      • Automatische Darstellung der Blogkomponten abhängig vom Datum der Veröffentlichung und publish Flag
    • ### Video: Blogbeiträge aus Markdown rendern (SoSe24) File
      • Markdown Files in Seite einbetten.
      • Dynamische Routen am Beispiel [article].astro
    • ### Video: Theming mit DaisyUI (SoSe24) File
      • Theme in tailwind.config.cjs eintragen
      • Theme in Layout aktivieren
      • Eigene Themes erstellen

    • Vorlesung 6: Daten serverseitig abholen.

      • Download Postman POSTMAN
      • SSR mit Daten von einem Server holen 
      • Diese Daten darstellen. 
      • Beispiel Personen API