Course Outline
Introduction to Hyvä Themes
- Defining Hyvä and exploring its origin
- Benchmarking against Luma and PWA Studio
- Hyvä compatibility and module ecosystem overview
Hyvä Installation and Setup
- System requirements and licensing considerations
- Installing Hyvä via Composer
- Activating and configuring the Hyvä theme in Magento 2
Utilizing Tailwind CSS and Alpine.js
- Overview of Tailwind CSS utility classes
- Implementing custom styles and layouts
- Developing interactive components with Alpine.js
Template and Layout Personalization
- Analyzing the Hyvä template structure
- Extending blocks and layout XML
- Authoring and overriding PHTML templates
Module Integration and Compatibility Management
- Managing Hyvä-compatible modules
- Resolving conflicts with non-compatible modules
- Leveraging fallback mechanisms (Luma or Hyvä Checkout)
Frontend Performance Optimization
- Performance benchmarking and Lighthouse score analysis
- Asset minification and delivery optimization
- Implementing lazy loading and advanced caching techniques
Advanced Applications and Custom Components
- Creating reusable components using Alpine.js
- Utilizing the Hyvä UI component library
- Form integration and user input processing
Best Practices and Long-term Maintenance
- Guidelines for code structure and modularity
- Maintaining up-to-date Hyvä versions and dependencies
- Deployment strategies and theme version control
Conclusion and Future Directions
- Recap of essential concepts
- Preparation for production deployment
- Resources for ongoing learning within the Hyvä ecosystem
Requirements
- Proficiency in Magento 2 frontend and backend development
- Solid understanding of HTML, CSS, JavaScript, and PHP
- Familiarity with templating engines and Magento theme architecture
Target Audience
- Magento developers transitioning their workflows 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
