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
Testimonials (3)
What I liked most about the training was the technical color and video performance theory session. It helped me clearly understand the reasoning behind key production decisions, such as why specific frame rates are chosen for different types of videos and how particular color spaces impact visual quality and performance. Having this theoretical foundation made the technical concepts more meaningful and easier to apply in practical scenarios.
Jason Lee
Course - Adobe Creative Cloud (After Effects, Premiere Pro, Illustrator, Animate, and Character Animator) for Beginners
Marko was very knowledgeable, friendly and explained in a very clear way. He also brought so many use cases, examples from his broad experience and was super interactive with us.
Delia Roxana Isfan-Stan
Course - Adobe Acrobat: PDF Creation and Editing
Marko’s openness to answer all our questions