課程簡介

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)

Provisional Upcoming Courses (Require 5+ participants)

課程分類