Fiszki – prosta aplikacja w JavaScripcie
Cel: sprawdzić znajomość słówek. Zbudowanie tej prostej gry poprawi twoje podstawowe umiejętności i znajomość JavaScriptu.
Wymagania podstawowe
- Aplikacja ma wpisaną na stałe listę słów z tłumaczeniami.
- Aplikacja losuje słowo z listy i pokazuje je użytkownikowi w oryginale.
- Użytkownik wpisuje tłumaczenie.
- Aplikacja sprawdza, czy tłumaczenie jest poprawne. Jeśli tak, słowo trafia na listę dobrych odpowiedzi, a jeśli nie, na listę błędnych. Aplikacja informuje użytkownika o wyniku, a po błędnej odpowiedzi pokazuje poprawną.
- Kroki 2–4 powtarzają się, aż skończą się słowa.
- Na koniec aplikacja pokazuje podsumowanie, na przykład odsetek poprawnych odpowiedzi.
Interfejs, wersja 1
Aplikacja działa w konsoli przeglądarki. To upraszcza komunikację z użytkownikiem: może wpisać dowolne polecenie, a aplikacja odpowiada przez console.log. Wystarczy plik index.html, który wczytuje plik main.js. W index.html jest instrukcja: otwórz konsolę (F12), wpisz flashcardsStart(), żeby zacząć grę, i tak dalej. Traktuj index.html jak README.
Interfejs, wersja 2
Kiedy wszystkie wymagania są spełnione, zbuduj interfejs graficzny, żeby każdy mógł po prostu klikać i pisać, bez konsoli i uczenia się poleceń.
Testowanie
To aplikacja „wiersza poleceń”, więc testowanie powinno być dość proste.
Dalsze usprawnienia
- Mierz czas każdej odpowiedzi.
- Wczytuj listę słów z osobnego pliku. Plik można pobierać albo po prostu zrobić z niego osobny plik JavaScript.
- Opakuj aplikację w obiekt albo klasę.
- Wrzuć kod na swoje konto na GitHubie, żeby korzystać z kontroli wersji i śledzić swoje postępy.