Course Outline
Introduction to the Hyvä Theme Ecosystem
- Overview of Hyvä and the rationale behind its creation
- Benchmarking against Luma and PWA Studio
- Exploring Hyvä compatibility and its module ecosystem
Hyvä Installation and Configuration
- System requirements and licensing details
- Installing Hyvä via Composer
- Enabling and setting up the Hyvä theme within Magento 2
Leveraging Tailwind CSS and Alpine.js
- Introduction to Tailwind CSS utility classes
- Implementing custom styles and layout adjustments
- Utilizing Alpine.js to build interactive components
Customizing Templates and Layouts
- Analyzing the Hyvä template structure
- Extending blocks and layout XML definitions
- Developing and overriding PHTML templates
Module Integration and Compatibility Management
- Working with modules that support Hyvä
- Strategies for handling non-compatible modules
- Employing fallback mechanisms (Luma or Hyvä Checkout)
Frontend Optimization Techniques
- Reviewing performance benchmarks and Lighthouse scores
- Asset minification and optimized delivery methods
- Implementing lazy loading and advanced caching strategies
Advanced Applications and Custom Components
- Constructing reusable components using Alpine.js
- Utilizing the Hyvä UI component library
- Form integration and managing user input
Best Practices and Long-Term Maintenance
- Guidelines for code structure and modularity
- Keeping Hyvä and its dependencies current
- Deployment processes and theme version control
Conclusion and Future Directions
- Recap of core concepts
- Preparation strategies for production deployment
- Resources for ongoing professional development within the Hyvä ecosystem
Requirements
- Proven experience in both frontend and backend development with Magento 2
- Proficiency in HTML, CSS, JavaScript, and PHP
- Solid understanding of templating engines and the architecture of Magento themes
Target Audience
- Magento developers making the transition to Hyvä Themes
- Frontend developers focused on Adobe Commerce storefronts
- Technical architects aiming to boost 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
