Zadanie rekrutacyjne Frontend

Stworzenie szablonu Magento 2 z headerem wraz z menu

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

Plik źródłowy

W folderze src znajdziesz plik z zadaniem w formacie .psd. Rozwiąż zadanie na jego podstawie.

Co musi być zawarte w rozwiązaniu?

1. Szablon, zgodny z zasadami tworzenia szablonów Magento 2,
2. Rozwiąznie powinno być przesłane w formie linku do repozytorium.

Na co warto zwrócić uwagę?

1. Poprawny, semantyczny kod HTML oraz RWD.
2. Poprawny wygląd na różnych urządzeniach, systemach operacyjnych i przeglądarkach.
3. Używanie dobrych praktyk tworzenia szablonów Magento 2.
4. Korzystanie z systemu kontroli wersji podczas pracy.

Przeglądarki

Rozwiązanie powinno działać na następujących wersjach przeglądarek:

1. Firefox (najnowsza)
2. Chrome (najnowsza)
3. Edge (najnowsza)
4. Internet Explorer 11
5. Safari (najnowsza)

Na co zwrócimy uwagę przy ocenie?

1. Poprawność kodu HTML i CSS.
2. Spójność w nazewnictwie elementów.
3. Reużywalne style i elementy.
4. Reużywalny kod (zasada DRY).
5. Dbałość o szczegóły.
6. Dobre praktyki programistyczne.
7. Strona wyglądająca tak samo niezależnie od przeglądarki.
8. Zgodność z konwencjami Magento 2.