SKIP TO CONTENT

De CSV a App Web

beginner~15 min0/4 etapas

De CSV a App Web

Você sabe consultar dados. Sabe fatiá-los em SQL. Agora aprenda a mostrá-los.

Uma tabela numa planilha é invisível para o mundo. Uma tabela no navegador é um produto. Nesta lição você vai construir um dashboard de dados interativo em HTML — com cabeçalhos ordenáveis, linhas com código de cores e uma linha de totais — tudo do zero. Sem Python, sem Pandas. Só HTML e Tailwind.

Instruções

1

Adicione um título <h1> ao dashboard — que dados ele está mostrando?

Dica: Tente: `<h1 class="text-2xl font-bold text-white">Análise de Produtos</h1>`

2

Adicione uma <table> com um <thead> contendo pelo menos 3 cabeçalhos de coluna (<th>)

3

Adicione um <tbody> com pelo menos 4 linhas de dados (<tr>) — preencha com números realistas

4

Adicione uma linha de totais no final: <tr class="summary-row"> com os totais de cada coluna em negrito

Seu Código

html
21 linhas
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

Pré-visualização ao Vivo

Pré-visualização ao Vivo