Course Outline
Introduction to Hyvä Themes
- What is Hyvä and why it was created
- Comparison with Luma and PWA Studio
- Hyvä compatibility and module ecosystem
Installing and Setting Up Hyvä
- Requirements and licensing
- Installing Hyvä using Composer
- Activating and configuring Hyvä theme in Magento 2
Working with Tailwind CSS and Alpine.js
- Overview of Tailwind CSS utility classes
- Applying custom styles and layouts
- Using Alpine.js for interactive components
Template and Layout Customization
- Understanding the Hyvä template structure
- Extending blocks and layout XML
- Creating and overriding PHTML templates
Integrating Modules and Compatibility Handling
- Working with Hyvä-compatible modules
- Dealing with non-compatible modules
- Using the fallback mechanism (Luma or Hyvä Checkout)
Frontend Optimization with Hyvä
- Performance benchmarks and Lighthouse scores
- Minifying assets and optimizing delivery
- Lazy loading and advanced caching strategies
Advanced Use Cases and Custom Components
- Building reusable components with Alpine.js
- Using Hyvä UI components library
- Form integration and user input handling
Best Practices and Maintenance
- Code structure and modularity guidelines
- Keeping Hyvä and dependencies up to date
- Deployment and theme version control
Summary and Next Steps
- Review of key concepts
- Preparing for production deployment
- Resources for continuous learning in the Hyvä ecosystem
Requirements
- Experience with Magento 2 frontend and backend development
- Knowledge of HTML, CSS, JavaScript, and PHP
- Familiarity with templating engines and Magento theme architecture
Audience
- Magento developers transitioning to Hyvä Themes
- Frontend developers working on Adobe Commerce storefronts
- Technical architects optimizing Magento 2 performance and UX
Testimonials (4)
Marko’s openness to answer all our questions
Lorena Calin - BAT
Course - Adobe After Effects Essentials
presentation and communication
Pawel - Urzad Marszalkowski Wojewodztwa Lubelskiego
Course - Adobe Acrobat - Tworzenie Dokumentów PDF
Machine Translated
way of conducting classes and approach to participants
Przemyslaw - Centralne Biuro Antykorupcyjne
Course - DTP (InDesign, Photoshop, Illustrator, Acrobat)
Machine Translated
Practical application of tools and customizing courses to meet my individual needs.
Magdalena - Ascot Premium Hotel
Course - Adobe Photoshop
Machine Translated