Course Outline
Introduction to Hyvä Themes
- Defining Hyvä and understanding its origin
- Comparative analysis with Luma and PWA Studio
- Hyvä compatibility and the surrounding module ecosystem
Installation and Configuration of Hyvä
- 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 layout adjustments
- Employing Alpine.js to create interactive components
Customizing Templates and Layouts
- Exploring the structure of Hyvä templates
- Expanding blocks and layout XML configurations
- Developing and overriding PHTML templates
Module Integration and Compatibility Management
- Working with modules that are Hyvä-compatible
- Addressing issues with non-compatible modules
- Leveraging fallback mechanisms (Luma or Hyvä Checkout)
Frontend Optimization Strategies with Hyvä
- Analyzing performance benchmarks and Lighthouse scores
- Minifying assets and improving delivery efficiency
- Applying lazy loading and advanced caching techniques
Advanced Applications and Custom Components
- Constructing reusable components using Alpine.js
- Utilizing the Hyvä UI components library
- Handling form integration and user inputs
Best Practices and Ongoing Maintenance
- Adhering to code structure and modularity guidelines
- Ensuring Hyvä and its dependencies remain current
- Managing deployment processes and theme version control
Summary and Future Directions
- Recap of essential concepts
- Preparing for production-level deployment
- Accessing resources for continued learning within the Hyvä ecosystem
Requirements
- Practical experience in Magento 2 frontend and backend development
- Proficiency in HTML, CSS, JavaScript, and PHP
- Familiarity with templating engines and the architecture of Magento themes
Target Audience
- Magento developers moving towards Hyvä Themes
- Frontend developers managing Adobe Commerce storefronts
- Technical architects focused on optimizing 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