课程大纲

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ä生态系统的持续学习资源

要求

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

受众

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

客户评论 (2)

即将举行的公开课程

课程分类