Programa do Curso
Introdução aos Temas Hyvä
- O que é Hyvä e por que foi criado
- Comparação com Luma e PWA Studio
- Compatibilidade do Hyvä e ecossistema de módulos
Instalando e Configurando o Hyvä
- Requisitos e licenciamento
- Instalação do Hyvä usando Composer
- Ativando e configurando o tema Hyvä no Magento 2
Trabalhando com Tailwind CSS e Alpine.js
- Visão geral das classes de utilidade do Tailwind CSS
- Aplicando estilos e layouts personalizados
- Usando o Alpine.js para componentes interativos
Personalização de Modelos e Layouts
- Compreendendo a estrutura dos modelos Hyvä
- Estendendo blocos e layout XML
- Criando e sobrescrevendo modelos PHTML
Integração de Módulos e Gerenciamento de Compatibilidade
- Trabalhando com módulos compatíveis com Hyvä
- Lidando com módulos não compatíveis
- Usando o mecanismo de fallback (Luma ou Hyvä Checkout)
Otimização do Frontend com Hyvä
- Marcas de desempenho e pontuações do Lighthouse
- Minimizando ativos e otimizando a entrega
- Carregamento diferido e estratégias avançadas de cache
Componentes Avançados Use Case e Personalizados
- Construindo componentes reutilizáveis com Alpine.js
- Usando a biblioteca de componentes UI Hyvä
- Integração de formulários e tratamento de entrada do usuário
Práticas Recomendadas e Manutenção
- Diretrizes para estrutura de código e modularidade
- Mantendo o Hyvä e dependências atualizados
- Implantação e controle de versão do tema
Resumo e Próximos Passos
- Revisão dos conceitos-chave
- Preparando para a implantação em produção
- Recursos para aprendizado contínuo no ecossistema Hyvä
Requisitos
- Experiência com desenvolvimento frontend e backend do Magento 2
- Conhecimento de HTML, CSS, JavaScript e PHP
- Familiaridade com motores de template e arquitetura de temas do Magento
Público-Alvo
- Desenvolvedores de Magento que estão migrando para os Temas Hyvä
- Desenvolvedores frontend trabalhando em lojas da Adobe Commerce
- Arquitetos técnicos otimizando o desempenho e a UX do Magento 2
Declaração de Clientes (3)
A abertura de Marko em responder a todas as nossas perguntas
Lorena Calin - BAT
Curso - Adobe After Effects Essentials
Máquina Traduzida
os exemplos que o instrutor usou em cada tópico, o que facilitou a compreensão
huda Alyassi - Dubai Government Human Resources Dept.
Curso - Adobe XD
Máquina Traduzida
The trainer listened to my wishes and adjusted the training meeting my specific needs.
Annemiek Dortmans
Curso - DTP (InDesign, Photoshop, Illustrator, Acrobat)
Máquina Traduzida