Get in Touch

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
 21 Hours

Number of participants


Price per participant

Testimonials (3)

Upcoming Courses

Related Categories