Get in Touch

Course Outline

Introduction to Hyvä Themes

  • Understanding the origins and purpose of Hyvä
  • Comparative analysis with Luma and PWA Studio
  • Hyvä compatibility and the module ecosystem

Installing and Setting Up Hyvä

  • System requirements and licensing information
  • Installing Hyvä via Composer
  • Enabling and configuring the Hyvä theme in Magento 2

Working with Tailwind CSS and Alpine.js

  • Overview of Tailwind CSS utility classes
  • Applying custom styles and structural layouts
  • Utilizing Alpine.js for interactive components

Template and Layout Customization

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

Integrating Modules and Handling Compatibility

  • Working with modules compatible with Hyvä
  • Addressing issues with non-compatible modules
  • Utilizing fallback mechanisms (Luma or Hyvä Checkout)

Frontend Optimization with Hyvä

  • Performance benchmarks and Lighthouse score analysis
  • Asset minification and delivery optimization
  • Implementing lazy loading and advanced caching strategies

Advanced Use Cases and Custom Components

  • Developing reusable components with Alpine.js
  • Utilizing the Hyvä UI components library
  • Form integration and user input handling

Best Practices and Maintenance

  • Guidelines for code structure and modularity
  • Keeping Hyvä and its dependencies up to date
  • Deployment procedures and theme version control

Summary and Next Steps

  • Review of key concepts
  • Preparing for production deployment
  • Resources for continuous learning within the Hyvä ecosystem

Requirements

  • Prior experience with both frontend and backend development in Magento 2
  • Proficiency in HTML, CSS, JavaScript, and PHP
  • Familiarity 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 focused on optimizing Magento 2 performance and UX
 21 Hours

Number of participants


Price per participant

Testimonials (3)

Upcoming Courses

Related Categories