|
|
<!--
|
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
|
{
|
|
|
"original_hash": "f23a868536c07da991b1d4e773161e25",
|
|
|
"translation_date": "2025-08-27T22:06:52+00:00",
|
|
|
"source_file": "7-bank-project/4-state-management/assignment.md",
|
|
|
"language_code": "uk"
|
|
|
}
|
|
|
-->
|
|
|
# Реалізуйте діалогове вікно "Додати транзакцію"
|
|
|
|
|
|
## Інструкції
|
|
|
|
|
|
У нашому банківському додатку все ще бракує однієї важливої функції: можливості вводити нові транзакції.
|
|
|
Використовуючи все, що ви вивчили в чотирьох попередніх уроках, реалізуйте діалогове вікно "Додати транзакцію":
|
|
|
|
|
|
- Додайте кнопку "Додати транзакцію" на сторінці панелі управління
|
|
|
- Створіть нову сторінку з HTML-шаблоном або використовуйте JavaScript для показу/приховування HTML діалогового вікна без переходу зі сторінки панелі управління (можна використовувати властивість [`hidden`](https://developer.mozilla.org/docs/Web/HTML/Global_attributes/hidden) або CSS-класи)
|
|
|
- Переконайтеся, що ви врахували [доступність для клавіатури та екранних читачів](https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/) для діалогового вікна
|
|
|
- Реалізуйте HTML-форму для введення даних
|
|
|
- Створіть JSON-дані з даних форми та надішліть їх до API
|
|
|
- Оновіть сторінку панелі управління новими даними
|
|
|
|
|
|
Ознайомтеся зі [специфікаціями серверного API](../api/README.md), щоб дізнатися, який API потрібно викликати і який формат JSON очікується.
|
|
|
|
|
|
Ось приклад результату після завершення завдання:
|
|
|
|
|
|
|
|
|
|
|
|
## Критерії оцінювання
|
|
|
|
|
|
| Критерій | Відмінно | Задовільно | Потребує покращення |
|
|
|
| -------- | ------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------- | --------------------------------------------|
|
|
|
| | Додавання транзакції реалізовано повністю, з дотриманням усіх найкращих практик, розглянутих на уроках. | Додавання транзакції реалізовано, але без дотримання найкращих практик, розглянутих на уроках, або працює лише частково. | Додавання транзакції не працює взагалі. |
|
|
|
|
|
|
---
|
|
|
|
|
|
**Відмова від відповідальності**:
|
|
|
Цей документ було перекладено за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, зверніть увагу, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ на його рідній мові слід вважати авторитетним джерелом. Для критичної інформації рекомендується професійний людський переклад. Ми не несемо відповідальності за будь-які непорозуміння або неправильні тлумачення, що виникли внаслідок використання цього перекладу. |
