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

2.2 KiB
Raw Blame History

Implementeer het dialoogvenster "Transactie toevoegen"

Instructies

Onze bank-app mist nog één belangrijk kenmerk: de mogelijkheid om nieuwe transacties in te voeren. Gebruik alles wat u in de vier voorgaande lessen heeft geleerd en implementeer een dialoogvenster "Transactie toevoegen":

  • Voeg een knop "Transactie toevoegen" toe op de dashboardpagina
  • Maak een nieuwe pagina met een HTML-sjabloon of gebruik JavaScript om de HTML-dialoog weer te geven/te verbergen zonder de dashboardpagina te verlaten (u kunt hidden eigenschap daarvoor gebruiken, of CSS-class)
  • Zorg ervoor dat u toetsenbord en schermlezer toegankelijkheid afhandelt voor het dialoogvenster
  • Implementeer een HTML-formulier om invoergegevens te ontvangen
  • Maak JSON-gegevens van de formuliergegevens en stuur deze naar de API
  • Werk de dashboardpagina bij met de nieuwe gegevens

Kijk naar de server API-specificaties om te zien welke API u moet aanroepen en wat het verwachte JSON-formaat is.

Hier is een voorbeeldresultaat na het voltooien van de opdracht:

Schermafbeelding met een voorbeeld "Transactie toevoegen" dialoogvenster

Rubriek

Criteria Voorbeeldig Voldoende Moet worden verbeterd
Het toevoegen van een transactie wordt volledig geïmplementeerd volgens alle best practices uit de lessen. Het toevoegen van een transactie is geïmplementeerd, maar volgt niet de best practices uit de lessen, of werkt slechts gedeeltelijk. Het toevoegen van een transactie werkt helemaal niet.