Course Outline
Introduction to Hyvä Themes
- Defining Hyvä and exploring the rationale behind its creation
- Comparative analysis with Luma and PWA Studio
- Hyvä compatibility standards and the module ecosystem
Installation and Configuration of Hyvä
- System requirements and licensing considerations
- Installing Hyvä via Composer
- Activating and configuring the Hyvä theme within Magento 2
Utilising Tailwind CSS and Alpine.js
- Overview of Tailwind CSS utility classes
- Implementing custom styles and layout adjustments
- Leveraging Alpine.js to create interactive components
Template and Layout Customisation
- Analyzing the structure of Hyvä templates
- Extending blocks and manipulating layout XML
- Developing and overriding PHTML templates
Module Integration and Compatibility Management
- Working with Hyvä-compatible modules
- Strategies for managing non-compatible extensions
- Utilising the fallback mechanism (Luma or Hyvä Checkout)
Frontend Optimization with Hyvä
- Performance benchmarks and Lighthouse scoring analysis
- Asset minification and delivery optimisation
- Lazy loading techniques and advanced caching strategies
Advanced Use Cases and Custom Components
- Developing reusable components using Alpine.js
- Incorporating the Hyvä UI component library
- Form integration and managing user input
Best Practices and Maintenance
- Guidelines for code structure and modularity
- Maintaining up-to-date Hyvä installations and dependencies
- Deployment strategies and theme version control
Summary and Future Directions
- Recap of essential concepts
- Preparation for production deployment
- Resources for ongoing learning within the Hyvä ecosystem
Requirements
- Practical experience in both frontend and backend Magento 2 development
- Proficiency in core web technologies including HTML, CSS, JavaScript, and PHP
- Solid understanding of templating engines and Magento’s theme architecture
Target Audience
- Magento developers looking to transition to Hyvä Themes
- Frontend developers managing 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