Programa do Curso

Introduction to Hyvä Themes

  • What is Hyvä and why it was created
  • Comparison with Luma and PWA Studio
  • Hyvä compatibility and module ecosystem

Installing and Setting Up Hyvä

  • Requirements and licensing
  • Installing Hyvä using Composer
  • Activating and configuring Hyvä theme in Magento 2

Working with Tailwind CSS and Alpine.js

  • Overview of Tailwind CSS utility classes
  • Applying custom styles and layouts
  • Using Alpine.js for interactive components

Template and Layout Customization

  • Understanding the Hyvä template structure
  • Extending blocks and layout XML
  • Creating and overriding PHTML templates

Integrating Modules and Compatibility Handling

  • Working with Hyvä-compatible modules
  • Dealing with non-compatible modules
  • Using the fallback mechanism (Luma or Hyvä Checkout)

Frontend Optimization with Hyvä

  • Performance benchmarks and Lighthouse scores
  • Minifying assets and optimizing delivery
  • Lazy loading and advanced caching strategies

Advanced Use Cases and Custom Components

  • Building reusable components with Alpine.js
  • Using Hyvä UI components library
  • Form integration and user input handling

Best Practices and Maintenance

  • Code structure and modularity guidelines
  • Keeping Hyvä and dependencies up to date
  • Deployment and theme version control

Summary and Next Steps

  • Review of key concepts
  • Preparing for production deployment
  • Resources for continuous learning in the Hyvä ecosystem

Requisitos

  • Experience with Magento 2 frontend and backend development
  • Knowledge of HTML, CSS, JavaScript, and PHP
  • Familiarity with templating engines and Magento theme architecture

Audience

  • Magento developers transitioning to Hyvä Themes
  • Frontend developers working on Adobe Commerce storefronts
  • Technical architects optimizing Magento 2 performance and UX
 21 Horas

Declaração de Clientes (2)

Próximas Formações Provisórias

Categorias Relacionadas