Návrh Školení

Úvod do Hyvä motívů

  • Co je Hyvä a proč byla vytvořena
  • Porovnání s Luma a PWA Studio
  • Kompatibilita Hyvé a ekosystém modulů

Instalace a nastavení Hyvá

  • Požadavky a licencování
  • Instalace Hyvá pomocí Composeru
  • Aktivace a konfigurace Hyvé motivu v Magento 2

Práce s Tailwindem CSS a Alpine.js

  • Přehled užitkových tříd Tailwindu CSS
  • Používání vlastních stylů a rozvrhů
  • Používání Alpine.js pro interaktivní komponenty

Vytváření a upravování šablon a rozvrhů

  • Pochopení struktury Hyvé šablon
  • Rozšiřování bloků a rozvrhu XML
  • Vytváření a přepsání šablon PHTML

Integrace modulů a řešení kompatibility

  • Práce s Hyvé-kompatibilními moduly
  • Řešení nekompatibilních modulů
  • Používání mechanismu náhrady (Luma nebo Hyvé pokladna)

Optimalizace frontendu s Hyvou

  • Srovnatelné hodnocení výkonu a skóre Lighthouse
  • Minimalizace aktiv a optimalizace doručování
  • Aplikace líného načítání a pokročilých strategií vyrovnávacích pamětí

Pokročilé aspekty a vytváření vlastních komponent

  • Vytváření opakovatelných komponent pomocí Alpine.js
  • Používání knihovny Hyvé UI komponent
  • Integrace formulářů a zpracování uživatelského vstupu

Nejlepší praktiky a údržba

  • Pravidla struktury kódu a modularity
  • Udržování Hyvé a závislostí v aktuálním stavu
  • Nasazování a řízení verzí motivů

Závěr a další kroky

  • Revize klíčových konceptů
  • Příprava na produkční nasazení
  • Zdroje pro pokračující učení v ekosystému Hyvá

Požadavky

  • Zkušenosti s front-end a back-end vývojem Magento 2
  • znalost HTML, CSS, JavaScript a PHP
  • známost s motivačními motivy a architekturou témat Magento

Cílová skupina

  • vývojáři Magento, kteří přecházejí na Hyvä Themes
  • front-end vývojáři pracující na prodejnách Adobe Commerce
  • technologické architektoni optimalizující výkon a UX Magento 2
 21 hodiny

Počet účastníků


Price per participant

Reference (2)

Upcoming Courses

Související kategorie