Get in Touch
 Duration 21 hours

Course Outline

Introduction to Hyvä Themes

  • Defining Hyvä and understanding its origins
  • Comparative analysis with Luma and PWA Studio
  • Exploring Hyvä compatibility and its module ecosystem

Installation and Configuration of Hyvä

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

Utilizing Tailwind CSS and Alpine.js

  • Understanding Tailwind CSS utility classes
  • Implementing custom styles and layout adjustments
  • Employing Alpine.js for interactive UI components

Customizing Templates and Layouts

  • Analyzing the Hyvä template structure
  • Expanding blocks and modifying layout XML
  • Developing and overriding PHTML templates

Module Integration and Compatibility Management

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

Frontend Optimization with Hyvä

  • Performance metrics and Lighthouse scoring
  • Asset minification and delivery optimization
  • Implementing lazy loading and advanced caching techniques

Advanced Applications and Custom Components

  • Developing reusable components with Alpine.js
  • Leveraging the Hyvä UI component library
  • Form integration and user input management

Best Practices and Maintenance Strategies

  • Guidelines for code structure and modularity
  • Maintaining up-to-date Hyvä versions and dependencies
  • Deployment processes and theme version control

Recap and Future Directions

  • Reviewing essential concepts
  • Preparation for production deployment
  • Resources for ongoing learning within the Hyvä ecosystem

Requirements

  • Proven experience in Magento 2 frontend and backend development
  • Proficiency in HTML, CSS, JavaScript, and PHP
  • Competence in templating engines and Magento theme architecture

Target Audience

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

Number of participants


Price per participant

Testimonials (3)

Upcoming Courses

Related Categories