Course Outline
Overview of Hyvä Themes
- Definition of Hyvä and the rationale behind its creation
- Comparative analysis with Luma and PWA Studio
- Compatibility standards and the Hyvä 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
Leveraging Tailwind CSS and Alpine.js
- Introduction to Tailwind CSS utility classes
- Implementing custom styles and layout adjustments
- Utilizing Alpine.js to build interactive components
Template and Layout Customization
- Analysis of the Hyvä template structure
- Extending blocks and modifying layout XML
- Creation and override of PHTML templates
Module Integration and Compatibility Management
- Utilizing modules that are compatible with Hyvä
- Strategies for handling non-compatible modules
- Applying fallback mechanisms, such as Luma or Hyvä Checkout
Frontend Optimization with Hyvä
- Performance benchmarks and Lighthouse scoring metrics
- Asset minification and delivery optimization
- Lazy loading techniques and advanced caching strategies
Advanced Applications and Custom Components
- Developing reusable components using Alpine.js
- Utilizing the Hyvä UI components library
- Form integration and management of user inputs
Best Practices and Maintenance
- Guidelines for code structure and modularity
- Maintaining up-to-date Hyvä versions and dependencies
- Deployment processes and theme version control
Conclusion and Future Steps
- Recap of fundamental concepts
- Preparation for production environment deployment
- Resources for ongoing learning within the Hyvä ecosystem
Requirements
- Proficiency in both frontend and backend development for Magento 2
- Solid understanding of HTML, CSS, JavaScript, and PHP
- Familiarity with templating engines and the structural principles of Magento theme architecture
Target Audience
- Magento developers looking to transition their workflows to Hyvä Themes
- Frontend developers responsible for 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