Twoim zadaniem będzie stworzenie jedynie elementu header z menu (nie całej strony). Głównym celem ćwiczenia jest sprawdzenie jak radzisz sobie z kodowaniem szablonu z PSD do Magento.
W twoim rozwiązaniu muszą się znaleźć jedynie elementy:
- górna belka
- logo, wyszukiwarka, koszyk
- menu kategorii
W folderze src znajdziesz plik z zadaniem w formacie .psd. Rozwiąż zadanie na jego podstawie.
- Szablon, zgodny z zasadami tworzenia szablonów Magento 2,
- Rozwiąznie powinno być przesłane w formie linku do repozytorium.
- Poprawny, semantyczny kod HTML oraz RWD.
- Poprawny wygląd na różnych urządzeniach, systemach operacyjnych i przeglądarkach.
- Używanie dobrych praktyk tworzenia szablonów Magento 2.
- Korzystanie z systemu kontroli wersji podczas pracy.
Rozwiązanie powinno działać na następujących wersjach przeglądarek:
- Firefox (najnowsza)
- Chrome (najnowsza)
- Edge (najnowsza)
- Internet Explorer 11
- Safari (najnowsza)
- Poprawność kodu HTML i CSS.
- Spójność w nazewnictwie elementów.
- Reużywalne style i elementy.
- Reużywalny kod (zasada DRY).
- Dbałość o szczegóły.
- Dobre praktyki programistyczne.
- Strona wyglądająca tak samo niezależnie od przeglądarki.
- Zgodność z konwencjami Magento 2.