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 (3)
It has been a real pleasure to take a course with Mr. Monir. He was very attentive and took the time to explain each point on the subject matter. The exercises were prepared according to the level. Thanks to Mr. Monir's expertise, it has made me want to learn more about Adobe Illustrator.
Selin Aykut - SPF Finances
Course - Adobe Illustrator Advanced
Machine Translated
the examples the trainer used in each subject which made it easier to understand
huda Alyassi - Dubai Government Human Resources Dept.
Course - Adobe XD
The trainer listened to my wishes and adjusted the training meeting my specific needs.