Adobe Hyvä Technical Implementation with Magento 2

Prerequisites:

• 具备Magento 2前端和后端开发经验
• 了解HTML、CSS、JavaScript和PHP
• 熟悉模板引擎和Magento主题架构

受众

• 过渡到Hyvä Themes的Magento开发者
• 从事Adobe Commerce店面开发的前端开发者
• 优化Magento 2性能和用户体验的技术架构师

Overview:

Adobe Hyvä 是一个现代的Magento 2前端框架，以性能为导向，开发者友好的架构取代了Luma堆栈。

这是一个由讲师指导的培训（线上或线下），旨在帮助中高级Magento开发者在Adobe Commerce（Magento 2）专案中实现和自订Hyvä Themes。

在培训结束时，参与者将能够：

• 了解Hyvä Themes的架构和优势。
• 安装和配置基于Hyvä的Magento 2商店。
• 使用Alpine.js和Tailwind CSS自订模板、样式和布局。
• 整合第三方模组并确保与Hyvä的兼容性。
• 使用Hyvä的精简前端堆栈优化性能和用户体验。

课程形式

• 互动式讲座和讨论
• 动手练习和实验
• 即时开发环境实现

课程定制选项

• 如需定制此课程的培训，请联系我们安排。

Course Outline:

Hyvä主题介绍

• Hyvä是什么，以及它的创建原因
• 与Luma和PWA Studio的比较
• Hyvä的兼容性与模组生态系统

安装与设置Hyvä

• 需求与授权
• 使用Composer安装Hyvä
• 在Magento 2中激活并配置Hyvä主题

使用Tailwind CSS和Alpine.js

• Tailwind CSS工具类概述
• 应用自定义样式与布局
• 使用Alpine.js创建互动组件

模板与布局自定义

• 理解Hyvä模板结构
• 扩展区块与布局XML
• 创建与覆盖PHTML模板

模组集成与兼容性处理

• 使用Hyvä兼容模组
• 处理不兼容模组
• 使用回退机制（Luma或Hyvä Checkout）

使用Hyvä进行前端优化

• 性能基准与Lighthouse评分
• 压缩资源并优化交付
• 延迟加载与高级缓存策略

高级Use Case与自定义组件

• 使用Alpine.js构建可重用组件
• 使用Hyvä UI组件库
• 表单集成与用户输入处理

最佳实践与维护

• 代码结构与模组化指南
• 保持Hyvä与依赖项的最新状态
• 部署与主题版本控制

总结与下一步

• 关键概念回顾
• 准备生产部署
• Hyvä生态系统的持续学习资源