Von CSV zur Web-App
Von CSV zur Web-App
Du weißt, wie man Daten abfragt. Du weißt, wie man sie in SQL zerlegt. Jetzt lernst du, wie man sie zeigt.
Eine Tabelle in einem Spreadsheet ist für die Welt unsichtbar. Eine Tabelle im Browser ist ein Produkt. In dieser Lektion baust du ein interaktives HTML-Daten-Dashboard — mit sortierbaren Spaltenköpfen, farbcodierten Zeilen und einer Summenzeile — komplett von Grund auf. Kein Python, kein Pandas. Nur HTML und Tailwind.
Anweisungen
Füge einen <h1>-Dashboard-Titel hinzu — welche Daten werden hier gezeigt?
Tipp: Versuche: `<h1 class="text-2xl font-bold text-white">Produkt-Analytics</h1>`
Füge eine <table> mit einem <thead> und mindestens 3 Spaltenüberschriften (<th>) hinzu
Füge einen <tbody> mit mindestens 4 Datenzeilen (<tr>) hinzu — trage realistisch aussehende Zahlen ein
Füge unten eine Summenzeile hinzu: <tr class="summary-row"> mit fetten Summen für jede Spalte
Dein Code
Beschreibe, was du für diesen Schritt bauen willst, und ich schreibe den Code — klicke dann auf Übernehmen, um ihn in deinen Editor zu übertragen. Dieser Schritt: Füge einen <h1>-Dashboard-Titel hinzu — welche Daten werden hier gezeigt?