WarsawJS Workshop #26 - JavaScript dla początkujących

Zadania

• Wyświetlanie zdjęć

  • wyświetl zdjęcia z katalogu images - tablice, pętle

• Dodawanie zdjęcia do ulubionych

  • dodaj odpowiednie style po kliknięciu w zdjęcie - arrow function

• Usuwanie zdjęć z ulubionych

  • usuń style jeżeli użytkownik odkliknął ulubione zdjęcie

• Refactoring

  • użyj klas do stworzenia obiektu zdjęcia - class
  • przenieś klasę Image do nowego pliku - import/export, babel, transpilacja

• Dodawanie zdjęć z komputera

  • dodaj zdjęcie ze swojego komputera - File API

• Dodatkowo Filtrowanie zdjęć

  • pokaż wyłącznie ulubione zdjęcia po kliknięciu w przycisk
  • pod wpływem pierwszej akcji przycisk powinien zmienić tekst na "Pokaż wszystkie" i po kliknięciu pokazać wszystkie zdjęcia

• Dodatkowo Sortowanie zdjęć

  • posortuj zdjęcia - ulubione najpierw

• Integracja z API

  • pobierz zdjęcia z serwera - fetch, then, Promise
  • zaznacz i oznacz zdjęcia jako ulubione - operacja PATCH
  • dodaj nowe zdjęcie - FileAPI + POST

• Dodatkowo ostylowanie galerii zdjęć

  • użyj gotowych komponentów żeby aplikacja wyglądała atrakcyjnie - np. Bulma, Bootstrap