Course Outline
Introduction to Hyvä Themes
- Defining Hyvä and exploring the rationale behind its development
- Comparative analysis with Luma and PWA Studio
- Examining Hyvä’s compatibility standards and module ecosystem
Installation and Configuration of Hyvä
- Reviewing system requirements and licensing details
- Installing Hyvä via Composer
Leveraging Tailwind CSS and Alpine.js
- Exploring the utility classes available in Tailwind CSS
- Implementing custom styles and layout modifications
- Utilizing Alpine.js to create interactive UI components
Customizing Templates and Layouts
- Analyzing the internal structure of Hyvä templates
- Extending blocks and manipulating layout XML files
- Creating new or overriding existing PHTML templates
Module Integration and Compatibility Management
- Working with modules that are natively compatible with Hyvä
- Strategies for handling non-compatible modules
- Applying fallback mechanisms, such as Luma or Hyvä Checkout, when necessary
Frontend Optimization Strategies with Hyvä
- Analyzing performance benchmarks and Lighthouse scoring
- Minimizing assets and optimizing content delivery
- Implementing lazy loading and sophisticated caching techniques
Advanced Applications and Custom Component Development
- Developing reusable components using Alpine.js
- Utilizing the Hyvä UI component library
- Integrating forms and managing user input effectively
Best Practices and System Maintenance
- Adhering to code structure and modularity best practices
- Maintaining up-to-date versions of Hyvä and its dependencies
- Managing deployment processes and theme version control
Conclusion and Future Directions
- Recap of essential concepts covered in the training
- Preparing systems for production environment deployment
- Accessing 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 design of Magento themes
Target Audience
- Magento developers making the transition to Hyvä Themes
- Frontend developers dedicated to building 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