Plan du cours
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
Pré requis
- 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
Nos clients témoignent (3)
Cela a été un réel plaisir d'avoir eu cours avec Mr. Monir. Il a été énormément à l'écoute et a pris le temps d'expliquer chaque point sur la matière. Les exercices étaient préparés en fonction du niveau. Grâce à l'expertise de Mr. Monir, cela m'a donné envie d'en apprendre plus sur Adobe Illustrator.
Selin Aykut - SPF Finances
Formation - Adobe Illustrator Advanced
les exemples que le formateur a utilisés pour chaque sujet, ce qui les a rendus plus faciles à comprendre
huda Alyassi - Dubai Government Human Resources Dept.
Formation - Adobe XD
Traduction automatique
The trainer listened to my wishes and adjusted the training meeting my specific needs.
Annemiek Dortmans
Formation - DTP (InDesign, Photoshop, Illustrator, Acrobat)
Traduction automatique