Du CSV à l'application web
Du CSV à l'application web
Vous savez interroger des données. Vous savez les découper en SQL. Apprenez maintenant à les montrer.
Un tableau dans un tableur est invisible pour le monde. Un tableau dans un navigateur est un produit. Dans cette leçon, vous allez construire un tableau de bord de données HTML interactif — avec des en-têtes triables, des lignes colorées selon leur valeur et une ligne de synthèse — entièrement à partir de zéro. Pas de Python, pas de Pandas. Juste du HTML et Tailwind.
Instructions
Ajoutez un titre <h1> au tableau de bord — quelles données affiche-t-il ?
Indice : Essayez : `<h1 class="text-2xl font-bold text-white">Analytique produit</h1>`
Ajoutez un <table> avec un <thead> contenant au moins 3 en-têtes de colonnes (<th>)
Ajoutez un <tbody> avec au moins 4 lignes de données (<tr>) — remplissez-les avec des chiffres réalistes
Ajoutez une ligne de totaux en bas : un <tr class="summary-row"> avec les totaux en gras pour chaque colonne
Votre code
Décrivez ce que vous voulez créer pour cette étape et je rédige le code — puis cliquez sur Appliquer pour l'insérer dans votre éditeur. Cette étape : Ajoutez un titre <h1> au tableau de bord — quelles données affiche-t-il ?