Contacta con nosotros

Temario del curso

Introducción a los temas Hyvä

  • ¿Qué es Hyvä y por qué se creó?
  • 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ä mediante Composer
  • Activación y configuración del tema Hyvä en Magento 2

Trabajo con Tailwind CSS y Alpine.js

  • Descripción general de las clases de utilidad 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 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 degradación (Luma o Hyvä Checkout)

Optimización frontend con Hyvä

  • Métricas de rendimiento y puntuaciones en Lighthouse
  • Minimización de activos y optimización de la entrega
  • Carga diferida (lazy loading) y estrategias avanzadas de caché

Casos de uso avanzados y componentes personalizados

  • Construcción de componentes reutilizables con Alpine.js
  • Uso de la biblioteca de componentes UI de Hyvä
  • Integración de formularios y manejo de entrada del usuario

Mejores prácticas y mantenimiento

  • Directrices de estructura y modularidad del código
  • Mantener Hyvä y sus dependencias actualizados
  • Despliegue y control de versiones de temas

Resumen y próximos pasos

  • Repaso de los conceptos clave
  • Preparación para el despliegue en producción
  • Recursos para el aprendizaje continuo en el ecosistema Hyvä

Requerimientos

  • Experiencia en desarrollo frontend y backend con Magento 2
  • Conocimiento de HTML, CSS, JavaScript y PHP
  • Familiaridad con motores de plantillas y la arquitectura de temas de Magento

Audiencia objetivo

  • Desarrolladores de Magento que migran a temas Hyvä
  • Desarrolladores frontend que trabajan en tiendas de Adobe Commerce
  • Arquitectos técnicos que optimizan el rendimiento y la experiencia de usuario (UX) de Magento 2
 21 Horas

Número de participantes


Precio por participante

Reseñas (3)

Próximos cursos

Categorías Relacionadas