Course Outline
Introduction to Hyvä Themes
- Defining Hyvä and understanding its origins
- Comparative analysis with Luma and PWA Studio
- Exploring Hyvä compatibility and its module ecosystem
Installation and Configuration of Hyvä
- System requirements and licensing considerations
- Installing Hyvä via Composer
- Enabling and configuring the Hyvä theme within Magento 2
Utilizing Tailwind CSS and Alpine.js
- Understanding Tailwind CSS utility classes
- Implementing custom styles and layout adjustments
- Employing Alpine.js for interactive UI components
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 Hyvä-compatible extensions
- Managing non-compatible modules
- Utilizing fallback mechanisms (Luma or Hyvä Checkout)
Frontend Optimization with Hyvä
- Performance metrics and Lighthouse scoring
- Asset minification and delivery optimization
- Implementing lazy loading and advanced caching techniques
Advanced Applications and Custom Components
- Developing reusable components with Alpine.js
- Leveraging the Hyvä UI component library
- Form integration and user input management
Best Practices and Maintenance Strategies
- Guidelines for code structure and modularity
- Maintaining up-to-date Hyvä versions and dependencies
- Deployment processes and theme version control
Recap and Future Directions
- Reviewing essential concepts
- Preparation for production deployment
- Resources for ongoing learning within the Hyvä ecosystem
Requirements
- Proven experience in Magento 2 frontend and backend development
- Proficiency in HTML, CSS, JavaScript, and PHP
- Competence in templating engines and Magento theme architecture
Target Audience
- Magento developers making the transition to Hyvä Themes
- Frontend engineers focused on Adobe Commerce storefront development
- Technical architects dedicated to optimizing 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