Pular para o conteúdo
Jogos Digitais
Nesta página
  1. Como usar
  2. O que ele faz
  3. Testado em 30/10/2026 (navegador do Claude, Chromium)
  4. Não testado

Baixar a pasta do projeto (.zip, 5 KB)

Quadro de tarefas · uma página, sem internet e sem conta

Um quadro com quatro colunas (A fazer, Fazendo, Para testar, Feito) para a equipe organizar os ciclos (Aula 11.4). É um único arquivo, index.html, que abre no navegador.

Como usar

  1. Copie index.html para o repositório da equipe (por exemplo, numa pasta quadro/).
  2. Abra com dois cliques no navegador. Não precisa de servidor nem de internet.
  3. Escreva a tarefa, o responsável e o ciclo e clique em Adicionar. Use os botões do cartão para mudar de coluna.
  4. No fim de cada aula, use Salvar arquivo: ele baixa um quadro.json. Coloque esse arquivo no repositório e faça o commit. Na aula seguinte, em qualquer computador, Abrir arquivo carrega o quadro de volta.

O que ele faz

  • Avisa quando alguém tem mais de 2 tarefas em "Fazendo" (LIMITE_FAZENDO no código; a equipe pode mudar se combinar outra regra).
  • Filtra por ciclo.
  • Guarda o quadro no próprio navegador entre uma abertura e outra. Esse armazenamento é do navegador daquele computador: por isso o arquivo quadro.json no Git é o que vale para a equipe.
  • Pergunta antes de apagar uma tarefa.
  • Recusa arquivo que não é um quadro válido, sem apagar o que estava na tela.
  • Tem botão Imprimir, tema escuro automático e se ajusta à tela do celular.

Foto: ../../../../recursos/imagens/geral/quadro-de-tarefas-tela.jpg

Testado em 30/10/2026 (navegador do Claude, Chromium)

Adicionar, avançar e voltar cartões, aviso de limite, filtro por ciclo, quadro mantido depois de recarregar a página, apagar com confirmação, abrir arquivo válido e recusar arquivo inválido, largura de celular (375 px) sem rolagem para o lado.

Não testado

O download do Salvar arquivo (o navegador de teste não guarda downloads) e a impressão. Confira os dois uma vez no computador da escola antes da Aula 11.4.