Course Outline
Introduction to Hyvä Themes
- Exploring the definition and rationale behind Hyvä’s creation
- Comparative analysis with Luma and PWA Studio
- Examining Hyvä’s compatibility standards and module ecosystem
Installing and Configuring Hyvä
- Understanding system requirements and licensing terms
- Executing Hyvä installation via Composer
- Activating and configuring the Hyvä theme within Magento 2
Utilizing Tailwind CSS and Alpine.js
- Overview of Tailwind CSS utility-based classes
- Implementing custom styles and layout structures
- Leveraging Alpine.js to create interactive interface components
Customizing Templates and Layouts
- Analyzing the internal structure of Hyvä templates
- Extending blocks and modifying layout XML files
- Developing and overriding PHTML templates as required
Module Integration and Compatibility Management
- Operating with Hyvä-compatible modules
- Strategies for managing non-compatible modules
- Applying fallback mechanisms (Luma or Hyvä Checkout)
Frontend Optimization using Hyvä
- Reviewing performance benchmarks and Lighthouse metrics
- Asset minification and optimized delivery methods
- Implementing lazy loading and advanced caching techniques
Advanced Applications and Custom Components
- Constructing reusable components via Alpine.js
- Utilizing the Hyvä UI component library
- Handling form integrations and user input processing
Best Practices and Long-term Maintenance
- Adhering to code structure and modularity standards
- Maintaining up-to-date Hyvä versions and dependencies
- Managing deployment processes and theme version control
Summary and Future Directions
- Recap of essential concepts covered
- Preparation for production environment deployment
- Resources for ongoing learning within the Hyvä ecosystem
Requirements
- Proven experience in both frontend and backend development for Magento 2
- Solid understanding of HTML, CSS, JavaScript, and PHP
- Working knowledge of templating engines and Magento’s theme architecture
Target Audience
- Magento developers making the transition to Hyvä Themes
- Frontend specialists focused on Adobe Commerce storefronts
- Technical architects dedicated to optimizing Magento 2 performance and user experience
Testimonials (3)
What I liked most about the training was the technical color and video performance theory session. It helped me clearly understand the reasoning behind key production decisions, such as why specific frame rates are chosen for different types of videos and how particular color spaces impact visual quality and performance. Having this theoretical foundation made the technical concepts more meaningful and easier to apply in practical scenarios.
Jason Lee
Course - Adobe Creative Cloud (After Effects, Premiere Pro, Illustrator, Animate, and Character Animator) for Beginners
Marko was very knowledgeable, friendly and explained in a very clear way. He also brought so many use cases, examples from his broad experience and was super interactive with us.
Delia Roxana Isfan-Stan
Course - Adobe Acrobat: PDF Creation and Editing
Marko’s openness to answer all our questions
