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-7'
${ noResults }
Web-Dev-For-Beginners/translations/es/7-bank-project/4-state-management/assignment.md

3.1 KiB
Raw Permalink Blame History

Implementar el diálogo "Agregar transacción"

Instrucciones

Nuestra aplicación bancaria aún carece de una característica importante: la posibilidad de ingresar nuevas transacciones. Usando todo lo que has aprendido en las cuatro lecciones anteriores, implementa un diálogo de "Agregar transacción":

  • Agrega un botón de "Agregar transacción" en la página del panel de control.
  • Crea una nueva página con una plantilla HTML, o utiliza JavaScript para mostrar/ocultar el HTML del diálogo sin salir de la página del panel de control (puedes usar la propiedad hidden para eso, o clases de CSS).
  • Asegúrate de manejar la accesibilidad para teclado y lectores de pantalla en el diálogo.
  • Implementa un formulario HTML para recibir los datos de entrada.
  • Crea datos JSON a partir de los datos del formulario y envíalos a la API.
  • Actualiza la página del panel de control con los nuevos datos.

Consulta las especificaciones de la API del servidor para ver qué API necesitas llamar y cuál es el formato JSON esperado.

Aquí tienes un ejemplo del resultado después de completar la tarea:

Captura de pantalla que muestra un ejemplo del diálogo "Agregar transacción"

Rúbrica

Criterios Ejemplar Adecuado Necesita Mejorar
Agregar una transacción está implementado completamente siguiendo todas las mejores prácticas vistas en las lecciones. Agregar una transacción está implementado, pero no sigue las mejores prácticas vistas en las lecciones, o funciona solo parcialmente. Agregar una transacción no funciona en absoluto.

Descargo de responsabilidad:
Este documento ha sido traducido utilizando el servicio de traducción automática Co-op Translator. Si bien nos esforzamos por lograr precisión, tenga en cuenta que las traducciones automáticas pueden contener errores o imprecisiones. El documento original en su idioma nativo debe considerarse como la fuente autorizada. Para información crítica, se recomienda una traducción profesional realizada por humanos. No nos hacemos responsables de malentendidos o interpretaciones erróneas que puedan surgir del uso de esta traducción.