Course Outline
Introduction to Hyvä Themes
- Defining Hyvä and the rationale behind its creation
- Comparative analysis with Luma and PWA Studio
- Hyvä compatibility standards and module ecosystem
Installation and Configuration of Hyvä
- System requirements and licensing details
- Deploying Hyvä via Composer
- Activation and setup of the Hyvä theme in Magento 2
Utilizing Tailwind CSS and Alpine.js
- Overview of Tailwind CSS utility classes
- Implementation of custom styles and layout structures
- Leveraging Alpine.js for interactive interface components
Customizing Templates and Layouts
- Exploring the Hyvä template structure
- Extending blocks and layout XML configurations
- Creation and override of PHTML templates
Module Integration and Compatibility Management
- Managing Hyvä-compatible modules
- Addressing incompatibility with existing modules
- Application of fallback mechanisms (Luma or Hyvä Checkout)
Frontend Optimization using Hyvä
- Performance benchmarks and Lighthouse score analysis
- Asset minification and delivery optimization
- Strategies for lazy loading and advanced caching
Advanced Use Cases and Custom Component Development
- Construction of reusable components with Alpine.js
- Utilization of the Hyvä UI component library
- Form integration and handling of user input
Best Practices and Maintenance
- Guidelines for code structure and modularity
- Keeping Hyvä and dependencies current
- Deployment processes and theme version control
Summary and Future Directions
- Recap of essential concepts
- Preparation for production environment deployment
- Resources for ongoing learning within the Hyvä ecosystem
Requirements
- Proficiency in both frontend and backend development with Magento 2
- Solid understanding of HTML, CSS, JavaScript, and PHP
- Familiarity with templating engines and Magento theme architecture
Target Audience
- Magento developers migrating to Hyvä Themes
- Frontend developers handling 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
