聯繫我們

課程簡介

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评分
  • 压缩资源并优化交付
  • 懒加载与高级缓存策略

高级用例与自定义组件

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

最佳实践与维护

  • 代码结构与模块化指南
  • 保持Hyvä及其依赖项为最新版本
  • 部署与主题版本控制

总结与后续步骤

  • 关键概念回顾
  • 为生产环境部署做好准备
  • 在Hyvä生态系统中持续学习的资源

最低要求

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

目标受众

  • 正在转向Hyvä主题的Magento开发人员
  • 从事Adobe Commerce店面开发的前端开发人员
  • 负责优化Magento 2性能和用户体验的技术架构师
 21 小時

人數


每位參與者的報價

客戶評論 (3)

即將到來的課程

課程分類