Get in Touch

Course Outline

Introduction to Hyvä Themes

  • Overview of Hyvä and the rationale behind its development
  • Comparative analysis with Luma and PWA Studio
  • Hyvä compatibility standards and the module ecosystem

Installation and Configuration of Hyvä

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

Utilizing Tailwind CSS and Alpine.js

  • Introduction to Tailwind CSS utility classes
  • Applying custom styles and layout adjustments
  • Implementing interactive components with Alpine.js

Customizing Templates and Layouts

  • Navigating 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
  • Strategies for handling non-compatible modules
  • Utilizing fallback mechanisms (Luma or Hyvä Checkout)

Frontend Optimization with Hyvä

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

Advanced Scenarios and Custom Components

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

Best Practices and Maintenance

  • Guidelines for code structure and modularity
  • Maintaining Hyvä and dependencies with the latest updates
  • Deployment procedures and theme version control

Summary and Future Directions

  • Recap of essential concepts
  • Preparation for production environment deployment
  • Resources for ongoing learning within the Hyvä ecosystem

Requirements

  • Practical experience in Magento 2 frontend and backend development
  • Proficiency in HTML, CSS, JavaScript, and PHP
  • Understanding of templating engines and the Magento theme architecture

Target Audience

  • Magento developers migrating to Hyvä themes
  • Frontend developers specializing in Adobe Commerce storefronts
  • Technical architects focused on optimizing Magento 2 performance and user experience
 21 Hours

Number of participants


Price per participant

Testimonials (3)

Upcoming Courses

Related Categories