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/pt/7-bank-project/4-state-management/assignment.md

3.1 KiB
Raw Permalink Blame History

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

Instruções

A nossa aplicação bancária ainda está a faltar uma funcionalidade importante: a possibilidade de introduzir novas transações.
Usando tudo o que aprendeste nas quatro lições anteriores, implementa um diálogo "Adicionar transação":

  • Adiciona um botão "Adicionar transação" na página do painel de controlo.
  • Cria uma nova página com um modelo HTML ou utiliza JavaScript para mostrar/ocultar o HTML do diálogo sem sair da página do painel de controlo (podes usar a propriedade hidden para isso, ou classes CSS).
  • Garante que tratas da acessibilidade para teclado e leitores de ecrã no diálogo.
  • Implementa um formulário HTML para receber os dados de entrada.
  • Cria dados JSON a partir dos dados do formulário e envia-os para a API.
  • Atualiza a página do painel de controlo com os novos dados.

Consulta as especificações da API do servidor para ver qual API precisas de chamar e qual é o formato JSON esperado.

Aqui está um exemplo do resultado após completares a tarefa:

Captura de ecrã a mostrar um exemplo do diálogo "Adicionar transação"

Rubrica

Critérios Exemplar Adequado Necessita de Melhorias
Adicionar uma transação está completamente implementado seguindo todas as boas práticas vistas nas lições. Adicionar uma transação está implementado, mas não segue as boas práticas vistas nas lições ou funciona apenas parcialmente. Adicionar uma transação não funciona de todo.

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 automáticas podem conter erros ou imprecisões. O documento original no seu idioma nativo deve ser considerado a fonte autoritária. Para informações críticas, recomenda-se uma tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações incorretas resultantes do uso desta tradução.