Python Lernhandbuch

Kapitel 15

Schöne Oberflächen ohne Design-Studium

Mit wenig Aufwand sieht eine Webapp ordentlich aus: Du nimmst ein schlankes CSS-Paket (Pico.css), ergänzt ein paar eigene Zeilen und bekommst Tabellen, Formulare und Karten, die auf dem Handy genauso funktionieren wie am Desktop. Für Interaktivität ohne JavaScript-Framework gibt es htmx.

Dein Stand

  • 📖 Lernen: 0 von 7 Abschnitten gelesen
  • ❓ Quiz: noch nicht gemacht
  • 💻 Übung (in VS Code lösen, dann mit der Musterlösung vergleichen): offen

Inhalt

  1. Welches CSS-Paket?
  2. Pico.css einbinden
  3. Die wichtigsten Bausteine von Pico
  4. Die Tabelle aufbereiten
  5. Live-Suche mit htmx
  6. Diagramm mit Chart.js
  7. Seiten visuell gestalten (WYSIWYG)