Course Outline
Introduction to Hyvä Themes
- Understanding what Hyvä is and its origins
- Comparison with Luma and PWA Studio
- Hyvä compatibility and the module ecosystem
Installing and Setting Up Hyvä
- Requirements and licensing
- 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
- 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 Handling Compatibility
- Working with Hyvä-compatible modules
- Addressing non-compatible modules
- Utilizing the fallback mechanism (Luma or Hyvä Checkout)
Frontend Optimization with Hyvä
- Performance benchmarks and Lighthouse scores
- Minifying assets and optimizing delivery
- Implementing lazy loading and advanced caching strategies
Advanced Use Cases and Custom Components
- Building reusable components with Alpine.js
- Leveraging the Hyvä UI component library
- Form integration and user input handling
Best Practices and Maintenance
- Guidelines for code structure and modularity
- 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 within the Hyvä ecosystem
Requirements
- Experience with Magento 2 frontend and backend development
- Proficiency in 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 focused on 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