warsawjs-workshop-43
WarsawJS Workshop#43
slides
Aplikacja
Zadania
- Wydziel z głównego skryptu aplikacji app.js mniejsze moduły np wykorzystując module pattern bazujący na IIFE albo ECMAScript Module
- Dodaj funkcje zwrotne głównym pliku app.js. Obsłuż:
- dodanie nowej notatki
- zmiane tytułu notatki (event: change)
- zmiane głównego kontentu notatki (event: change)
- zmiane stanu aktywnej notatki z listy notatek
- Zaciągnij liste notatek z serwera wykorzystująć fetchAPI
- wyświetl główne okno alpikacji dopiero po zaciągnieciu notatek
- dokumentacja API https://documenter.getpostman.com/view/2154709/Szf6WTUS?version=latest
- zwróć uwagę, by podać parametr userId w adresie https://api.luck.org.pl/api/v2/notes?userId=dkarski
- API zwraca zawsze pustą liste z inicjalną notatką , gdy nie zna
userId
- Obsłuż dodanie nowej notatki za pomocą API
- zwróć uwagę, by dodać userId do body notatki
- Obsłuż zmiane tytułu i notatki za pomocą API
Dodatkowo
- Wydziel metody do komunikacji z serwerem do osobnego modułu
- Wydziel główny szablon aplikacji do osobnego modułu
- Dodaj setInterval do za symulowania automatycznego zapisu notatki
- możesz przed wysłaniem żądania sprawdzić, czy notatka się zmieniła z stanem poprzednim