Zbuduj stronę na podstawie przygotowanego projektu graficznego:
- Do pracy z projektem skorzystaj z Zeplin'a (https://zeplin.io/)
- Skorzystaj z załączonej konfiguracji webpack'a - będziesz mogła/mógł w łatwy sposób dodawać grafiki z folderu 'assets' (zmodyfikowaną konfigurację z przykładowym kodem znajdziesz w folderze 'extended_webpack_config' - dzięki Oleg za pomoc! :D)
- Pamiętaj o responsywności budowanej strony
- Skorzystaj z grida dostępnego w Bootstrapie (albo innym frameworku) - to ułatwi RWD
- Przygotuj placeholdery produktów na stronie z wykorzystaniem np. https://placekitten.com/ lub https://placeholder.com/
- Korzystaj z preprocesorów (najlepiej Sass, ze składnią .scss - konfiguracja jest już przez Was przygotowana) i pobaw się jego możliwościami.
- Postaraj się przygotować widok jak najbardziej zbliżony do projektu, jednak pamietaj, że na kolejnych zajęciach poznasz podstawy JSa i komunikacji z API. Dlatego kluczowe jest stworzenie markup'u, w którym stworzysz placeholdery dla dynamicznie pobieranych treści.
- Prześlij info o gotowej pracy do sprawdzenia: frontend@daftacademy.pl.