msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'softchris-patch-5'
${ noResults }
Web-Dev-For-Beginners/translations/br/7-bank-project/4-state-management/assignment.md

3.1 KiB
Raw Permalink Blame History

Implementar o diálogo "Adicionar transação"

Instruções

Nosso aplicativo bancário ainda está faltando uma funcionalidade importante: a possibilidade de inserir novas transações.
Usando tudo o que você aprendeu nas quatro lições anteriores, implemente um diálogo de "Adicionar transação":

  • Adicione um botão "Adicionar transação" na página do dashboard.
  • Crie uma nova página com um template HTML ou use JavaScript para mostrar/ocultar o HTML do diálogo sem sair da página do dashboard (você pode usar a propriedade hidden para isso, ou classes CSS).
  • Certifique-se de lidar com acessibilidade para teclado e leitores de tela no diálogo.
  • Implemente um formulário HTML para receber os dados de entrada.
  • Crie dados JSON a partir das informações do formulário e envie-os para a API.
  • Atualize a página do dashboard com os novos dados.

Consulte as especificações da API do servidor para verificar qual API você precisa chamar e qual é o formato JSON esperado.

Aqui está um exemplo de resultado após completar a tarefa:

Captura de tela mostrando um exemplo de diálogo "Adicionar transação"

Rubrica

Critério Exemplar Adequado Precisa Melhorar
Adicionar uma transação foi implementado completamente seguindo todas as melhores práticas vistas nas lições. Adicionar uma transação foi implementado, mas não seguindo as melhores práticas vistas nas lições, ou funcionando apenas parcialmente. Adicionar uma transação não está funcionando.

Aviso Legal:
Este documento foi traduzido utilizando o serviço de tradução por IA Co-op Translator. Embora nos esforcemos para garantir a precisão, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autoritativa. Para informações críticas, recomenda-se a tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações equivocadas decorrentes do uso desta tradução.