Course Outline
Introduction to Hyvä Themes
- Defining Hyvä and the rationale behind its creation
- Comparative analysis with Luma and PWA Studio
- Exploring Hyvä's compatibility and module ecosystem
Installation and Configuration of Hyvä
- System requirements and licensing details
- Implementing Hyvä via Composer
- Enabling and configuring the Hyvä theme within Magento 2
Utilizing Tailwind CSS and Alpine.js
- Overview of Tailwind CSS utility classes
- Implementing custom styles and layout adjustments
- Leveraging Alpine.js for building interactive components
Customizing Templates and Layouts
- Analyzing the structural organization of Hyvä templates
- Expanding blocks and modifying layout XML files
- Developing and overriding PHTML templates
Module Integration and Compatibility Management
- Managing modules that are compatible with Hyvä
- Addressing modules that lack compatibility
- Applying fallback mechanisms, such as Luma or Hyvä Checkout
Frontend Optimization via Hyvä
- Reviewing performance benchmarks and Lighthouse metrics
- Compressing assets and optimizing delivery methods
- Implementing lazy loading and sophisticated caching strategies
Advanced Scenarios and Custom Components
- Constructing reusable components using Alpine.js
- Utilizing the Hyvä UI component library
- Handling form integrations and user input
Best Practices and Maintenance Strategies
- Adhering to code structure and modularity standards
- Ensuring Hyvä and related dependencies remain current
- Managing deployment processes and theme version control
Summary and Future Directions
- Recap of essential concepts
- Preparation for production environment deployment
- Accessing resources for ongoing learning within the Hyvä ecosystem
Requirements
- Practical experience in both Magento 2 frontend and backend development
- Proficiency in HTML, CSS, JavaScript, and PHP
- Solid familiarity with templating engines and Magento's theme architecture
Target Audience
- Magento developers in the process of migrating to Hyvä Themes
- 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