Course Outline
Introduction to Hyvä Themes
- Understanding what Hyvä is and its origins
- Comparing Hyvä with Luma and PWA Studio
- Exploring Hyvä compatibility and the module ecosystem
Installing and Setting Up Hyvä
- Prerequisites and licensing requirements
- Installing Hyvä via Composer
- Activating and configuring the Hyvä theme in Magento 2
Working with Tailwind CSS and Alpine.js
- Overview of Tailwind CSS utility classes
- Applying custom styles and layouts
- Leveraging 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 Handling Compatibility
- Working with Hyvä-compatible modules
- Addressing challenges with non-compatible modules
- Utilizing the fallback mechanism (Luma or Hyvä Checkout)
Frontend Optimization with Hyvä
- Analyzing performance benchmarks and Lighthouse scores
- Minifying assets and optimizing delivery methods
- Implementing lazy loading and advanced caching strategies
Advanced Use Cases and Custom Components
- Building reusable components with Alpine.js
- Utilizing the Hyvä UI components library
- Managing form integration and user input handling
Best Practices and Maintenance
- Guidelines for code structure and modularity
- Keeping Hyvä and its dependencies up to date
- Deployment strategies and theme version control
Summary and Next Steps
- Recap of key concepts
- Preparing for production deployment
- Resources for continuous learning within the Hyvä ecosystem
Requirements
- Prior experience in Magento 2 frontend and backend development
- Proficiency in HTML, CSS, JavaScript, and PHP
- Familiarity with templating engines and Magento theme architecture
Target Audience
- Magento developers transitioning to Hyvä Themes
- Frontend developers working on Adobe Commerce storefronts
- Technical architects focused on optimizing Magento 2 performance and UX
Testimonials (4)
Marko’s openness to answer all our questions
Lorena Calin - BAT
Course - Adobe After Effects Essentials
the examples the trainer used in each subject which made it easier to understand
huda Alyassi - Dubai Government Human Resources Dept.
Course - Adobe XD
The dynamic.
Miguel Angel Hernandez Cardenas - KNOW COACHING HOW S.C.
Course - Adobe LiveCycle Designer
Machine Translated
Jarek was very, very determined to make me as knowlegable as possible to be able to use those programmes afterwards, even though the time was very limited to be successfull. He not even pushed breaks, so we could squeeze even more knowledge in. Fantastic! Very, very sweet!