Course Outline
Introduction to Hyvä Themes
- Defining Hyvä and the rationale behind its creation
- Comparative analysis with Luma and PWA Studio
- Hyvä compatibility and the surrounding module ecosystem
Installing and Configuring Hyvä
- System requirements and licensing considerations
- Installing Hyvä via Composer
- Activating and setting up the Hyvä theme within Magento 2
Utilising Tailwind CSS and Alpine.js
- Overview of Tailwind CSS utility classes
- Implementing custom styles and layouts
- Leveraging Alpine.js for interactive components
Customising Templates and Layouts
- Exploring the structural framework of Hyvä templates
- Extending blocks and layout XML files
- Creating and overriding PHTML templates
Module Integration and Compatibility Management
- Working with modules that support Hyvä
- Addressing issues with incompatible modules
- Utilising fallback mechanisms (Luma or Hyvä Checkout)
Frontend Optimisation with Hyvä
- Performance benchmarks and Lighthouse scores
- Asset minification and delivery optimisation
- Lazy loading and sophisticated caching strategies
Advanced Scenarios and Custom Components
- Developing reusable components using Alpine.js
- Utilising the Hyvä UI components library
- Form integration and processing user input
Best Practices and Maintenance
- Guidelines for code structure and modularity
- Maintaining current versions of Hyvä and dependencies
- Deployment processes and theme version control
Summary and Future Steps
- Recap of core concepts
- Preparation for production rollout
- Resources for ongoing learning within the Hyvä ecosystem
Requirements
- Proficiency in Magento 2 frontend and backend development
- Solid understanding of HTML, CSS, JavaScript, and PHP
- Experience with templating engines and Magento theme architecture
Target Audience
- Magento developers making the transition to Hyvä themes
- Frontend developers focused on Adobe Commerce storefronts
- Technical architects dedicated to optimising 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
