Plan du cours
Introduction aux Thèmes Hyvä
- Qu'est-ce que Hyvä et pourquoi il a été créé
- Comparaison avec Luma et PWA Studio
- Compatibilité Hyvä et écosystème de modules
Installation et configuration de Hyvä
- Prérequis et licence
- Installation de Hyvä via Composer
- Activation et configuration du thème Hyvä dans Magento 2
Utilisation de Tailwind CSS et Alpine.js
- Aperçu des classes utilitaires Tailwind CSS
- Appliquer des styles et mises en page personnalisés
- Utilisation d'Alpine.js pour des composants interactifs
Personnalisation des templates et de la mise en page
- Compréhension de la structure des templates Hyvä
- Extension des blocs et du XML de mise en page
- Création et remplacement des templates PHTML
Intégration des modules et gestion de la compatibilité
- Travailler avec des modules compatibles Hyvä
- Gérer les modules non compatibles
- Utiliser le mécanisme de secours (fallback) (Luma ou Hyvä Checkout)
Optimisation frontend avec Hyvä
- Indices de performance et scores Lighthouse
- Minification des ressources et optimisation de la livraison
- Chargement différé (lazy loading) et stratégies de cache avancées
Cas d'utilisation avancés et composants personnalisés
- Création de composants réutilisables avec Alpine.js
- Utilisation de la bibliothèque de composants Hyvä UI
- Intégration de formulaires et gestion des entrées utilisateur
Bonnes pratiques et maintenance
- Directives pour la structure du code et la modularité
- Maintenir Hyvä et ses dépendances à jour
- Déploiement et gestion de version du thème
Synthèse et prochaines étapes
- Revue des concepts clés
- Préparation au déploiement en production
- Ressources pour l'apprentissage continu dans l'écosystème Hyvä
Pré requis
- Expérience en développement frontend et backend Magento 2
- Connaissances en HTML, CSS, JavaScript et PHP
- Familiarité avec les moteurs de templating et l'architecture des thèmes Magento
Public cible
- Développeurs Magento passant aux Thèmes Hyvä
- Développeurs frontend travaillant sur les boutiques Adobe Commerce
- Architectes techniques optimisant les performances et l'expérience utilisateur 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