Course Outline
Introduction to Hyvä Themes
- Exploring the origins and purpose of Hyvä
- Comparing Hyvä with Luma and PWA Studio
- Understanding Hyvä compatibility and its module ecosystem
Installing and Configuring Hyvä
- Meeting licensing and system requirements
- Deploying Hyvä via Composer
- Activating and configuring the Hyvä theme within Magento 2
Utilizing Tailwind CSS and Alpine.js
- Overview of utility classes in Tailwind CSS
- Implementing custom styles and structural layouts
- Leveraging Alpine.js for dynamic, interactive components
Template and Layout Customization
- Analyzing the Hyvä template hierarchy
- Extending blocks and modifying layout XML files
- Developing and overriding PHTML templates
Module Integration and Compatibility Management
- Working effectively with Hyvä-compatible extensions
- Addressing challenges with incompatible modules
- Utilizing fallback mechanisms, such as Luma or Hyvä Checkout
Frontend Optimization with Hyvä
- Reviewing performance benchmarks and Lighthouse metrics
- Minifying assets and optimizing content delivery
- Implementing lazy loading and advanced caching techniques
Advanced Use Cases and Custom Components
- Constructing reusable components with Alpine.js
- Accessing the Hyvä UI component library
- Handling form integrations and user input data
Best Practices and Maintenance
- Adhering to guidelines for code structure and modularity
- Ensuring Hyvä and its dependencies remain up to date
- Managing deployment processes and theme version control
Summary and Future Directions
- Recap of essential concepts covered
- Preparing for smooth production deployment
- Accessing resources for ongoing learning within the Hyvä ecosystem
Requirements
- Prior experience in both frontend and backend development with Magento 2
- Proficiency in HTML, CSS, JavaScript, and PHP
- Understanding of templating engines and the underlying architecture of Magento themes
Target Audience
- Magento developers looking to transition to Hyvä Themes
- Frontend specialists focused on Adobe Commerce storefronts
- Technical architects dedicated to improving 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