Temario del curso
Introducción a los temas Hyvä
- Qué es Hyvä y por qué fue creado
- Comparación con Luma y PWA Studio
- Compatibilidad de Hyvä y ecosistema de módulos
Instalación y configuración de Hyvä
- Requisitos y licenciamiento
- Instalación de Hyvä utilizando Composer
- Activación y configuración del tema Hyvä en Magento 2
Trabajo con Tailwind CSS y Alpine.js
- Vista general de las clases utilitarias de Tailwind CSS
- Aplicación de estilos y diseños personalizados
- Uso de Alpine.js para componentes interactivos
Personalización de plantillas y diseños
- Comprensión de la estructura de plantillas de Hyvä
- Extensión de bloques y archivos XML de diseño
- Creación y sobrescritura de plantillas PHTML
Integración de módulos y manejo de compatibilidad
- Trabajo con módulos compatibles con Hyvä
- Manejo de módulos no compatibles
- Uso del mecanismo de respaldo (Luma o Hyvä Checkout)
Optimización del frontend con Hyvä
- Puntos de referencia de rendimiento y puntuaciones de Lighthouse
- Minimización de recursos y optimización de la entrega
- Carga diferida y estrategias avanzadas de caché
Casos de uso avanzados y componentes personalizados
- Creación de componentes reutilizables con Alpine.js
- Uso de la biblioteca de componentes UI de Hyvä
- Integración de formularios y manejo de entrada de usuario
Mejores prácticas y mantenimiento
- Guías de estructura de código y modularidad
- Mantener Hyvä y sus dependencias actualizados
- Despliegue y control de versiones de temas
Resumen y próximos pasos
- Repaso de conceptos clave
- Preparación para el despliegue en producción
- Recursos para el aprendizaje continuo en el ecosistema de Hyvä
Requerimientos
- Experiencia en desarrollo frontend y backend de Magento 2
- Conocimiento de HTML, CSS, JavaScript y PHP
- Familiaridad con motores de plantillas y la arquitectura de temas de Magento
Público Objetivo
- Desarrolladores de Magento que están migrando a temas Hyvä
- Desarrolladores frontend que trabajan en tiendas de Adobe Commerce
- Arquitectos técnicos que optimizan el rendimiento y la experiencia de usuario en Magento 2
Testimonios (4)
La disposición de Marko a responder todas nuestras preguntas
Lorena Calin - BAT
Curso - Adobe After Effects Essentials
Traducción Automática
los ejemplos que el formador utilizó en cada tema, lo que facilitó su comprensión
huda Alyassi - Dubai Government Human Resources Dept.
Curso - Adobe XD
Traducción Automática
La dinamica.
Miguel Angel Hernandez Cardenas - KNOW COACHING HOW S.C.
Curso - Adobe LiveCycle Designer
Jarek estaba muy, muy decidido a hacerme lo más conocedor posible para poder usar esos programas después, aunque el tiempo era muy limitado para tener éxito. Incluso renunció a los descansos para poder meter aún más conocimientos. ¡Fantástico! ¡Muy, muy amable!
Anja Schmitz - Helmholz-Zentrum Dresden-Rossendorf e.V.
Curso - DTP (InDesign, Photoshop, Illustrator, Acrobat)
Traducción Automática