Course Outline
Introduction to Hyvä Themes
- Overview of Hyvä and its design rationale
- Comparative analysis with Luma and PWA Studio
- Hyvä compatibility landscape and module ecosystem
Hyvä Installation and Setup
- System requirements and licensing details
- Installing Hyvä via Composer
- Enabling and configuring the Hyvä theme in Magento 2
Leveraging Tailwind CSS and Alpine.js
- Introduction to Tailwind CSS utility classes
- Implementing custom styles and layout adjustments
- Utilizing Alpine.js for interactive UI components
Template and Layout Customization
- Analyzing the internal structure of Hyvä templates
- Extending blocks and modifying layout XML
- Developing and overriding PHTML templates
Module Integration and Compatibility Management
- Working with modules certified for Hyvä compatibility
- Addressing conflicts with non-compatible modules
- Utilizing the fallback mechanism (Luma or Hyvä Checkout)
Frontend Performance Optimization with Hyvä
- Performance benchmarking and Lighthouse score analysis
- Asset minification and delivery optimization
- Implementing lazy loading and advanced caching techniques
Advanced Scenarios and Custom Components
- Developing reusable components using Alpine.js
- Leveraging the Hyvä UI component library
- Form integration and managing user input
Best Practices and Ongoing Maintenance
- Guidelines for code organization and modularity
- Maintaining up-to-date versions of Hyvä and dependencies
- Deployment strategies and theme version control
Conclusion and Future Directions
- Recap of essential concepts
- Preparation for production environment deployment
- Resources for continuous professional development in the Hyvä ecosystem
Requirements
- Prior experience in Magento 2 frontend and backend development
- Proficiency in HTML, CSS, JavaScript, and PHP
- Familiarity with templating engines and Magento theme structures
Target Audience
- Magento developers making the transition to Hyvä Themes
- Frontend developers specializing in Adobe Commerce storefronts
- Technical architects focused on enhancing Magento 2 performance and UX
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
