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

1.8 KiB

Implementar el diálogo "Agregar transacción"

Instrucciones

A nuestra aplicación bancaria todavía le falta una característica importante: la posibilidad de ingresar nuevas transacciones. Utilizando todo lo que ha aprendido en las cuatro lecciones anteriores, implemente un cuadro de diálogo "Agregar transacción":

  • Agregue un botón "Agregar transacción" en la página del panel
  • Cree una nueva página con una plantilla HTML o use JavaScript para mostrar / ocultar el cuadro de diálogo HTML sin salir de la página del tablero (puede usar hidden para eso, o clases CSS)
  • Implementar un formulario HTML para recibir datos de entrada.
  • Cree datos JSON a partir de los datos del formulario y envíelos a la API
  • Actualiza la página del tablero con los nuevos datos.

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

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

! [Captura de pantalla que muestra un ejemplo de diálogo "Agregar transacción"] (./ images / dialog.png)

Rúbrica

| Criterios | Ejemplar | Adecuado | Necesita mejorar | | -------- | -------------------------------------------------- ---------------------------------------------- | -------------------------------------------------- -------------------------------------------------- ------------------- | -------------------------------------------- | | | La adición de una transacción se implementa completamente siguiendo todas las mejores prácticas que se ven en las lecciones. | Agregar una transacción está implementado, pero no siguiendo las mejores prácticas que se ven en las lecciones, o trabajando solo parcialmente. | Agregar una transacción no funciona en absoluto. |