Course Outline
Introduction to Hyvä Themes
- Overview of Hyvä and its origins
- Comparison against Luma and PWA Studio
- Hyvä compatibility and its module ecosystem
Installation and Hyvä Setup
- System requirements and licensing details
- Installing Hyvä via Composer
- Enabling and configuring the Hyvä theme in Magento 2
Utilizing Tailwind CSS and Alpine.js
- Overview of Tailwind CSS utility classes
- Implementing custom styles and layouts
- Employing Alpine.js for interactive components
Customizing Templates and Layouts
- Understanding the structure of Hyvä templates
- Extending blocks and layout XML files
- Developing and overriding PHTML templates
Module Integration and Compatibility Management
- Working with modules compatible with Hyvä
- Addressing non-compatible modules
- Leveraging fallback mechanisms (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
- Developing reusable components with Alpine.js
- Utilizing the Hyvä UI components library
- Form integration and managing user input
Best Practices and Maintenance
- Guidelines for code structure and modularity
- Maintaining up-to-date versions of Hyvä and dependencies
- Deployment and theme version control
Conclusion and Future Directions
- Recap of key concepts
- Preparing for production deployment
- Resources for ongoing learning within the Hyvä ecosystem
Requirements
- Hands-on experience with both frontend and backend development in Magento 2
- Proficiency in HTML, CSS, JavaScript, and PHP
- Understanding of templating engines and Magento’s theme architecture
Target Audience
- Magento developers shifting to Hyvä Themes
- Frontend developers focused on Adobe Commerce storefronts
- Technical architects aiming to optimize Magento 2 performance and UX
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