Aula 14 de 20 · edição 1.1
Construa seu quadro de tarefas
Peça um quadro simples, abra o arquivo e teste os controles.
Entenda
HTML organiza o conteúdo de uma página. CSS cuida da aparência. JavaScript pode dar comportamento aos botões.
Neste projeto, as três partes podem ficar no mesmo arquivo. Você não precisa aprender tudo isso antes de testar.
É como montar uma pequena ficha de papel que ganhou botões. Comece com uma função que você consegue observar.
Faça um teste
Use dados fictícios. Revise qualquer informação antes de usar a resposta.
Crie um quadro de tarefas em um único arquivo index.html. Ele deve abrir no navegador, sem instalação e sem internet. Quero adicionar tarefa, marcar como concluída e filtrar a lista. Use texto legível, botões claros e navegação por teclado. Não use bibliotecas externas, contas, senhas ou serviços pagos. Antes de editar, confirme que está só na pasta de estudo.
Ver exemplo de resultado
Um arquivo index.html deve aparecer na pasta. Ao abri-lo no navegador, você deve conseguir criar e concluir uma tarefa.
Pratique
- Faça uma cópia da pasta antes de alterar.
- Peça ao Codex a versão simples do quadro.
- Abra index.html com o navegador.
- Execute os quatro testes da tabela.
- Peça uma mudança por vez e repita os testes.
Tarefa curta: Escreva três testes para seu quadro. Depois abra o exemplo pronto do kit para comparar o comportamento.
Confira antes de seguir
- O arquivo abre sem instalar dependências?
- Entradas vazias são tratadas?
- As funções antigas continuam funcionando?
Orientação de resposta
O kit inclui uma implementação de referência. Ela foi criada para a aula; não é uma execução do Codex na sua conta.
No trabalho
Pedir a melhoria seguinte
A primeira versão funciona. Adicione salvamento no navegador e exportação de uma cópia JSON. Explique que isso não sincroniza entre computadores. Mantenha os testes anteriores e não use serviços externos. Mostre arquivos alterados, testes feitos e limites conhecidos.
Erro comum: "O agente disse que testou" não substitui abrir o arquivo. Peça evidência e teste o que a pessoa realmente usará.