Plan du cours
Introduction aux thèmes Hyvä
- Qu'est-ce que Hyvä et pourquoi a-t-il été créé ?
- Comparaison avec Luma et PWA Studio
- Compatibilité de Hyvä et écosystème modulaire
Installation et configuration de Hyvä
- Prérequis et licences
- Installation de Hyvä avec Composer
- Activation et configuration du thème Hyvä dans Magento 2
Travailler avec Tailwind CSS et Alpine.js
- Aperçu des classes utilitaires de Tailwind CSS
- Application de styles personnalisés et de mises en page
- Utilisation d'Alpine.js pour les composants interactifs
Personnalisation des modèles et des mises en page
- Comprendre la structure des modèles Hyvä
- Extension des blocs et mise en page XML
- Création et remplacement de templates PHTML
Intégration des modules et gestion de compatibilité
- Travailler avec les modules compatibles Hyvä
- Gestion des modules non compatibles
- Utilisation du mécanisme de remplacement (Luma ou Hyvä Checkout)
Optimisation frontale avec Hyvä
- Benchmarks de performance et scores Lighthouse
- Minification des actifs et optimisation de la livraison
- Chargement différé et stratégies d'optimisation du cache avancées
Composants avancés Use Case et personnalisés
- Construction de composants réutilisables avec Alpine.js
- Utilisation de la bibliothèque de composants UI Hyvä
- Intégration des formulaires et gestion des entrées utilisateurs
Meilleures pratiques et maintenance
- Directives de structure du code et modularité
- Maintenir Hyvä et ses dépendances à jour
- Déploiement et contrôle de version du thème
Résumé et prochaines étapes
- Révision des concepts clés
- Préparation pour le déploiement en production
- Ressources pour un apprentissage continu dans l'écosystème Hyvä
Pré requis
- Expérience en développement frontend et backend avec Magento 2
- Connaissance de HTML, CSS, JavaScript et PHP
- Familiarité avec les moteurs de mise en forme et l'architecture des thèmes Magento
Public cible
- Développeurs Magento en transition vers les thèmes Hyvä
- Développeurs frontend travaillant sur des boutiques de commerce Adobe
- Architectes techniques optimisant la performance et l'UX de Magento 2
Nos clients témoignent (3)
Ce que j'ai aimé le plus lors de la formation, c'est la session théorique sur la théorie des couleurs et des performances vidéo. Elle m'a permis de comprendre clairement la logique derrière les décisions clés de production, comme les raisons pour lesquelles certaines fréquences d'images sont choisies pour différents types de vidéos et comment des espaces colorimétriques spécifiques influencent la qualité visuelle et les performances. Avoir cette base théorique a rendu les concepts techniques plus pertinents et plus faciles à appliquer dans des situations pratiques.
Jason Lee
Formation - Adobe Creative Cloud (After Effects, Premiere Pro, Illustrator, Animate, and Character Animator) for Beginners
Traduction automatique
Marko était très compétent, sympathique et a expliqué de manière claire. Il a également apporté de nombreux cas d'utilisation et exemples tirés de son vaste expérience et a été très interactif avec nous.
Delia Roxana Isfan-Stan
Formation - Adobe Acrobat: PDF Creation and Editing
Traduction automatique
La disponibilité de Marko à répondre à toutes nos questions
Lorena Calin - BAT
Formation - Adobe After Effects Essentials
Traduction automatique