Get in Touch

Course Outline

Introduction to Hyvä Themes

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

Installation and Configuration of Hyvä

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

Utilizing Tailwind CSS and Alpine.js

  • Exploring Tailwind CSS utility classes
  • Implementing custom styles and layout adjustments
  • Developing interactive components with Alpine.js

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 modules that are compatible with Hyvä
  • Resolving issues with non-compatible modules
  • Leveraging fallback mechanisms (Luma or Hyvä Checkout)

Frontend Optimization via Hyvä

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

Advanced Use Cases and Custom Component Development

  • Constructing reusable components using Alpine.js
  • Utilizing the Hyvä UI components library
  • Handling form integration and user input processing

Best Practices and Ongoing Maintenance

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

Summary and Future Directions

  • Recap of key concepts covered
  • Readiness for production deployment
  • Resources for ongoing learning within the Hyvä ecosystem

Requirements

  • Proficiency in Magento 2 frontend and backend development
  • Solid knowledge of HTML, CSS, JavaScript, and PHP
  • Familiarity with templating engines and Magento’s theme architecture

Target Audience

  • Magento developers shifting their focus to Hyvä Themes
  • Frontend developers engaged in Adobe Commerce storefront projects
  • 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