Course Outline
Introduction to Hyvä Themes
- Origins and purpose of Hyvä
- Comparative analysis with Luma and PWA Studio
- Hyvä compatibility and the module ecosystem
Installation and Configuration of Hyvä
- System requirements and licensing details
- Installing Hyvä via Composer
- Activating and configuring the Hyvä theme in Magento 2
Utilizing Tailwind CSS and Alpine.js
- Overview of Tailwind CSS utility classes
- Applying custom styles and layout structures
- Leveraging Alpine.js for interactive UI components
Customizing Templates and Layouts
- Exploring the Hyvä template structure
- Extending blocks and layout XML files
- Creating and overriding PHTML templates
Module Integration and Compatibility Management
- Working with modules compatible with Hyvä
- Addressing challenges with non-compatible modules
- Utilizing fallback mechanisms (such as Luma or Hyvä Checkout)
Frontend Optimization with Hyvä
- Performance benchmarks and Lighthouse scoring
- Asset minification and delivery optimization
- Implementing lazy loading and advanced caching strategies
Advanced Scenarios and Custom Components
- Developing reusable components with Alpine.js
- Leveraging the Hyvä UI components library
- Form integration and user input management
Best Practices and Maintenance
- Guidelines for code structure and modularity
- Maintaining up-to-date Hyvä installations and dependencies
- Deployment procedures and theme version control
Summary and Future Steps
- Recap of key concepts
- Preparing for production deployment
- Resources for ongoing learning within the Hyvä ecosystem
Requirements
- Prior experience in both frontend and backend Magento 2 development
- Proficiency in HTML, CSS, JavaScript, and PHP
- Understanding of templating engines and Magento theme architecture
Target Audience
- Magento developers transitioning to Hyvä Themes
- Frontend developers focused on Adobe Commerce storefronts
- Technical architects aiming to optimize Magento 2 performance and user experience
Testimonials (3)
Marko’s openness to answer all our questions
Lorena Calin - BAT
Course - Adobe After Effects Essentials
the examples the trainer used in each subject which made it easier to understand
huda Alyassi - Dubai Government Human Resources Dept.
Course - Adobe XD
Jarek was very, very determined to make me as knowlegable as possible to be able to use those programmes afterwards, even though the time was very limited to be successfull. He not even pushed breaks, so we could squeeze even more knowledge in. Fantastic! Very, very sweet!