Get in Touch

Course Outline

Introduction to Hyvä Themes

  • Defining Hyvä and the rationale behind its creation
  • Comparative analysis with Luma and PWA Studio
  • Exploring Hyvä's compatibility and module ecosystem

Installation and Configuration of Hyvä

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

Utilizing Tailwind CSS and Alpine.js

  • Overview of Tailwind CSS utility classes
  • Implementing custom styles and layout adjustments
  • Leveraging Alpine.js for building interactive components

Customizing Templates and Layouts

  • Analyzing the structural organization of Hyvä templates
  • Expanding blocks and modifying layout XML files
  • Developing and overriding PHTML templates

Module Integration and Compatibility Management

  • Managing modules that are compatible with Hyvä
  • Addressing modules that lack compatibility
  • Applying fallback mechanisms, such as Luma or Hyvä Checkout

Frontend Optimization via Hyvä

  • Reviewing performance benchmarks and Lighthouse metrics
  • Compressing assets and optimizing delivery methods
  • Implementing lazy loading and sophisticated caching strategies

Advanced Scenarios and Custom Components

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

Best Practices and Maintenance Strategies

  • Adhering to code structure and modularity standards
  • Ensuring Hyvä and related dependencies remain current
  • Managing deployment processes and theme version control

Summary and Future Directions

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

Requirements

  • Practical experience in both Magento 2 frontend and backend development
  • Proficiency in HTML, CSS, JavaScript, and PHP
  • Solid familiarity with templating engines and Magento's theme architecture

Target Audience

  • Magento developers in the process of 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