Trabalho da disciplina Desenvolvimento Web (Prof. Iuri Santos · Unilasalle 2026/1). Framework: Tailwind CSS (utility-first), versão de referência 4.2.x.
Equipe: João C. · Carlos · Pedro Mendonça
🔗 No ar após o Dia 2 (um deploy serve as duas páginas):
| Arquivo | URL ao vivo | O que mostra | |
|---|---|---|---|
| Ato 1 — só Tailwind | aula-simples/index.html |
…github.io/seminario-tailwind/aula-simples/ |
HTML puro + Tailwind, sem framework. Card copiado 3× → a "poluição" (o problema) |
| Ato 2 — com framework | index.html (raiz) |
…github.io/seminario-tailwind/ |
React: card vira componente (1×), tela interativa (add/remove), grid responsivo → a solução |
Base das URLs:
https://pedrom-dev-git.github.io/seminario-tailwind/
👉 Passo a passo para rodar (CDN e NPM): ver COMO-RODAR.md
| Arquivo | O que é | Critério |
|---|---|---|
artigo-tecnico.md |
Mini artigo (histórico, box model/flexbox/responsividade, CSS3×Tailwind, instalação) | Artigo (10%) |
pitch.md |
Roteiro do pitch 3–5 min, divisão dos 3, munição p/ perguntas | Pitch (20%) |
apresentacao.md |
Coreografia da demo de 2 atos + respostas de defesa (JSX, class×className, pra que serve framework, o que o React faz) | estudo/defesa |
com-framework/por-que.md |
Explicação antes×depois + frase de efeito (papel do framework) | apoio ao Pitch |
aula-simples/cola.md |
Roteiro de digitação (se precisarem digitar ao vivo) | apoio |
componente/index.html · com-framework/index.html |
Variações de backup (versão elaborada / React estático) | reserva |
enunciado.pdf |
Enunciado original | — |
- Nomes da dupla preenchidos (
README.md,artigo-tecnico.md,pitch.md) - App publicada no GitHub Pages e URL testada (desktop + celular)
- Artigo exportado para PDF (entregável exige PDF)
- Pitch ensaiado com cronômetro (alvo 4:30, teto 5:00)
- Fluxo da demo ensaiado (abrir URL → redimensionar → adicionar card)
- Plano B offline: cópia local + gravação (CDN/Pages precisam de rede)
- Uso de IA citado conforme política da disciplina
aula-simples/continua no repo como material de apoio (versão "digitável ao vivo"), mas o foco da apresentação é a app interativa + URL.
Material produzido com assistência de IA como base de pesquisa e estruturação. A dupla deve ler, entender, validar tecnicamente e citar o uso de IA conforme a política da disciplina antes de submeter — o domínio técnico cobrado no pitch (40%) só se sustenta se o conteúdo for genuinamente absorvido.