Course Outline
Introduction to Hyvä Themes
- Overview of Hyvä and the rationale behind its development
- Comparative analysis with Luma and PWA Studio
- Compatibility standards and the surrounding module ecosystem
Installation and Configuration of Hyvä
- System requirements and licensing considerations
- Deploying Hyvä via Composer
- Activation and initial setup of the Hyvä theme within Magento 2
Utilizing Tailwind CSS and Alpine.js
- Introduction to Tailwind CSS utility classes
- Implementing custom styles and layout adjustments
- Leveraging Alpine.js for dynamic, interactive components
Customizing Templates and Layouts
- Analyzing the structural organization of Hyvä templates
- Extending blocks and modifying layout XML configurations
- Developing and overriding PHTML templates
Module Integration and Compatibility Management
- Utilizing modules confirmed as compatible with Hyvä
- Strategies for managing modules that lack native compatibility
- Implementing fallback mechanisms, such as reverting to Luma or using Hyvä Checkout
Frontend Optimization Strategies with Hyvä
- Assessing performance metrics and Lighthouse scores
- Asset minification and delivery optimization techniques
- Employing lazy loading and advanced caching protocols
Advanced Applications and Custom Components
- Constructing reusable components using Alpine.js
- Integrating features from the Hyvä UI component library
- Handling form integration and user input management
Best Practices and System Maintenance
- Adhering to code structure and modularity standards
- Maintaining up-to-date versions of Hyvä and its dependencies
- Managing deployment processes and theme version control
Recap and Future Directions
- Consolidation of core concepts learned
- Preparation strategies for production environment deployment
- Identification of resources for ongoing learning within the Hyvä ecosystem
Requirements
- Proficiency in Magento 2 frontend and backend development practices
- Solid understanding of HTML, CSS, JavaScript, and PHP
- Competence with templating engines and Magento’s theme architecture
Target Audience
- Magento developers adopting Hyvä Themes into their workflows
- Frontend developers specializing in Adobe Commerce storefronts
- 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
