Course Outline
Introduction to Hyvä Themes
- Understanding the origins and rationale behind Hyvä
- Evaluating Hyvä against Luma and PWA Studio
- Exploring Hyvä’s compatibility landscape and module ecosystem
Installation and Initial Configuration
- Reviewing system requirements and licensing terms
- Deploying Hyvä via Composer
- Enabling and configuring the Hyvä theme within Magento 2
Utilizing Tailwind CSS and Alpine.js
- Exploring the utility-driven approach of Tailwind CSS
- Implementing bespoke styles and layout adjustments
- Leveraging Alpine.js for dynamic, interactive elements
Customizing Templates and Layouts
- Analyzing the underlying template structure of Hyvä
- Extending existing blocks and layout XML definitions
- Authoring and overriding PHTML templates
Module Integration and Compatibility Management
- Incorporating modules that are natively compatible with Hyvä
- Addressing challenges with non-compatible modules
- Implementing fallback strategies (Luma or Hyvä Checkout)
Frontend Performance Optimization
- Analyzing performance metrics and Lighthouse scores
- Streamlining asset delivery and minification processes
- Applying lazy loading techniques and advanced caching protocols
Advanced Applications and Custom Components
- Developing reusable component libraries with Alpine.js
- Utilizing the Hyvä UI component library
- Managing form integrations and user input workflows
Best Practices and Ongoing Maintenance
- Adhering to code structure and modularity standards
- Ensuring Hyvä and its dependencies remain current
- Managing deployment processes and theme version control
Conclusion and Future Pathways
- Recap of fundamental concepts
- Preparing for seamless production deployment
- Identifying resources for continued growth within the Hyvä ecosystem
Requirements
- Proven experience in both frontend and backend development for Magento 2
- Solid proficiency in HTML, CSS, JavaScript, and PHP
- Working knowledge of templating engines and the broader Magento theme architecture
Target Audience
- Magento developers making the transition to Hyvä Themes
- Frontend engineers developing Adobe Commerce storefronts
- Technical architects focused on enhancing 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
