Get in Touch
 Duration 21 hours

Course Outline

Overview of Hyvä Themes

  • Definition of Hyvä and the rationale behind its development
  • Contrast between Hyvä, Luma, and PWA Studio
  • Hyvä compatibility standards and its module ecosystem

Installation and Configuration of Hyvä

  • System requirements and licensing details
  • Deploying Hyvä via Composer
  • Enabling and setting up the Hyvä theme within Magento 2

Utilizing Tailwind CSS and Alpine.js

  • Introduction to Tailwind CSS utility-based classes
  • Implementing custom styles and layout adjustments
  • Employing Alpine.js to create interactive elements

Template and Layout Modifications

  • Analysis of the Hyvä template organization
  • Extending blocks and layout XML files
  • Development and overriding of PHTML templates

Module Integration and Compatibility Management

  • Implementing modules that are Hyvä-compatible
  • Resolving issues with modules that lack compatibility
  • Utilizing fallback mechanisms (Luma or Hyvä Checkout)

Frontend Optimization via Hyvä

  • Performance metrics and Lighthouse score analysis
  • Asset minification and delivery optimization
  • Lazy loading techniques and advanced caching methods

Advanced Scenarios and Custom Component Development

  • Creating reusable components with Alpine.js
  • Leveraging the Hyvä UI component library
  • Form integration and handling user inputs

Best Practices and Ongoing Maintenance

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

Recap and Future Directions

  • Summary of core concepts covered
  • Readiness assessment for production deployment
  • Resources for ongoing education 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 in the process of adopting Hyvä Themes
  • Frontend developers focused on Adobe Commerce storefronts
  • Technical architects dedicated to optimizing Magento 2 performance and user experience

Number of participants


Price per participant

Testimonials (3)

Upcoming Courses

Related Categories