Schița de curs

Introducere în temele Hyvä

  • Ce este Hyvä și de ce a fost creată
  • Comparare cu Luma și PWA Studio
  • Compatibilitatea lui Hyvä și ecosistemul modularelor

Instalarea și Configurarea lui Hyvä

  • Cerințe și licențiere
  • Instalarea lui Hyvä folosind Composer
  • Activarea și configurarea temei Hyvä în Magento 2

Lucrul cu Tailwind CSS și Alpine.js

  • Prezentare generală a claselor utile de la Tailwind CSS
  • Aplicarea stilurilor și ale layout-ului personalizate
  • Utilizarea lui Alpine.js pentru componente interactive

Personalizarea de șabloane și layout-uri

  • Înțelegerea structurii șabloanelor Hyvä
  • Extinderea blocurilor și a layout-ului XML
  • Crearea și suprascrierea șabloanelor PHTML

Integrarea modularelor și gestionarea compatibilității

  • Lucrul cu module compatibile cu Hyvä
  • Gestionarea modularelor necompatibile
  • Utilizarea mecanismului de rezervă (Luma sau Hyvä Checkout)

Optimizarea front-end-ului cu Hyvä

  • Benchmarks de performanță și scoruri Lighthouse
  • Minificare a resurselor și optimizare a livrării
  • Încărcarea plictisită și strategii avansate de caching

Avansat Use Cases și componente personalizate

  • Construirea componentelor reutilizabile cu Alpine.js
  • Utilizarea bibliotecii de componente UI Hyvä
  • Integrarea formularilor și gestionarea intrărilor utilizatorului

Bunele practici și întreținere

  • Directive pentru structura codului și modularitatea
  • Menținerea lui Hyvä și a depenzențelor actualizate
  • Implementarea și controlul versiunii temei

Rezumat și următoarele pași

  • Revizuirea conceptelor cheie
  • Pregătirea pentru implementarea în producție
  • Resurse pentru învățarea continuă în ecosistemul Hyvä

Cerințe

  • Experiență în dezvoltarea frontend și backend cu Magento 2
  • Cunoștințe de HTML, CSS, JavaScript, și PHP
  • Familiaritate cu motoarele de modelare și arhitectura temelor Magento

Public țintă

  • Dezvoltatori Magento care trec către temele Hyvä
  • Dezvoltatori frontend care lucrează la storefront-uri pentru Adobe Commerce
  • Arhitecți Tehnici care optimiză performanța și UX-ul în Magento 2
 21 ore

Numărul de participanți


Pret per participant

Mărturii (2)

Upcoming Courses

Categorii înrudite