Adobe Hyvä Technical Implementation with Magento 2

• Doświadczenie w Magento 2 frontend i backend development
• Znajomość HTML, CSS, JavaScript i PHP
• Znajomość silników szablonów i architektury tematów Magento

Grupa docelowa

• Programiści Magento przechodzący na Hyvä Themes
• Programiści frontend pracujący nad sklepami Adobe Commerce
• Architekci techniczni optymalizujący wydajność i UX w Magento 2

Adobe Hyvä to nowoczesny framework front-endowy dla Magento 2, który zastępuje stack Luma architekturą skoncentrowaną na wydajności i przyjazną dla programistów.

To szkolenie prowadzone przez instruktora (online lub stacjonarne) jest skierowane do programistów o poziomie zaawansowanym, którzy chcą wdrożyć i dostosować motywy Hyvä w projektach Adobe Commerce (Magento 2).

Po zakończeniu tego szkolenia uczestnicy będą w stanie:

• Zrozumieć architekturę i korzyści motywów Hyvä.
• Zainstalować i skonfigurować sklep opartego na Hyvä Magento 2.
• Dostosowywać szablony, style i układ za pomocą Alpine.js i Tailwind CSS.
• Integrować moduły trzecich stron i zapewnić kompatybilność z Hyvä.
• Optymalizować wydajność i doświadczenie użytkownika z lekkim stackiem front-endowym Hyvä.

Format kursu

• Interaktywne wykłady i dyskusje
• Ćwiczenia praktyczne i laboratoria
• Wdrożenie środowiska programistycznego na żywo

Opcje dostosowania kursu

• Aby poprosić o dostosowane szkolenie dla tego kursu, prosimy o kontakt.

Wprowadzenie do tematów Hyvä

• Co to jest Hyvä i dlaczego zostało stworzone
• Porównanie z Luma i PWA Studio
• Kompatybilność Hyvä i ekosystem modułów

Instalowanie i Konfigurowanie Hyvä

• Wymagania i licencje
• Instalowanie Hyvä za pomocą Composer
• Aktywowanie i konfigurowanie motywu Hyvä w Magento 2

Praca z Tailwind CSS i Alpine.js

• Przegląd klas użyteczności Tailwind CSS
• Stosowanie niestandardowych stylów i układów
• Używanie Alpine.js do tworzenia interaktywnych komponentów

Niestandardowe szablony i układy

• Zrozumienie struktury szablonów Hyvä
• Rozszerzanie bloków i układów XML
• Tworzenie i nadpisywanie szablonów PHTML

Integracja modułów i obsługa kompatybilności

• Praca z modułami kompatybilnymi z Hyvä
• Radzenie sobie z niekompatybilnymi modułami
• Używanie mechanizmu awaryjnego (Luma lub Hyvä Checkout)

Optymalizacja frontendu z Hyvä

• Benchmarki wydajności i wyniki Lighthouse
• Minimalizowanie zasobów i optymalizowanie dostarczania
• Opóźnione ładowanie i zaawansowane strategie pamięci podręcznej

Zaawansowane Use Casey i niestandardowe komponenty

• Tworzenie ponowne używalnych komponentów z Alpine.js
• Używanie biblioteki Hyvä UI components
• Integracja formularzy i obsługa danych wprowadzanych przez użytkownika

Najlepsze praktyki i konserwacja

• Zasady dotyczące struktur kodu i modularności
• Utrzymywanie Hyvä i zależności w aktualnym stanie
• Wdrażanie i kontrola wersji motywów

Podsumowanie i następne kroki

• Przegląd kluczowych koncepcji
• Przygotowanie do wdrażania w środowisku produkcyjnym
• Zasoby do ciągłego uczenia się w ekosystemie Hyvä