Get in Touch
 Duration 21 hours

Course Outline

Overview of Hyvä Themes

  • Defining Hyvä and exploring its origins
  • Comparative analysis with Luma and PWA Studio
  • Compatibility standards and the Hyvä 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

  • Understanding Tailwind CSS utility classes
  • Applying custom styles and layout modifications
  • Implementing interactive components with Alpine.js

Customizing Templates and Layouts

  • Analyzing the Hyvä template structure
  • Extending blocks and layout XML configurations
  • Creating and overriding PHTML templates

Module Integration and Compatibility Management

  • Working with Hyvä-compatible modules
  • Resolving conflicts with non-compatible modules
  • Leveraging fallback mechanisms (Luma or Hyvä Checkout)

Frontend Optimization using Hyvä

  • Performance benchmarks and Lighthouse score improvements
  • Asset minification and delivery optimization
  • Lazy loading techniques and advanced caching strategies

Advanced Scenarios and Custom Component Development

  • Developing reusable components with Alpine.js
  • Utilizing the Hyvä UI component library
  • Handling form integration and user inputs

Best Practices and Long-term Maintenance

  • Guidelines for code structure and modularity
  • Maintaining updates for Hyvä and its dependencies
  • Deployment strategies and theme version control

Conclusion and Future Directions

  • Recap of essential concepts
  • Preparing for production-grade deployment
  • Resources for ongoing learning in the Hyvä ecosystem

Requirements

  • Hands-on experience in Magento 2 frontend and backend development
  • Proficiency in HTML, CSS, JavaScript, and PHP
  • Working knowledge of templating engines and Magento’s theme architecture

Target Audience

  • Magento developers making the transition to Hyvä Themes
  • Frontend engineers focused on Adobe Commerce storefronts
  • Technical architects dedicated to improving Magento 2 performance and UX

Number of participants


Price per participant

Testimonials (3)

Upcoming Courses

Related Categories