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
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