聯繫我們
 課程時長 21 時間:

課程簡介

Hyvä 主題簡介

  • 什麼是 Hyvä,及其產生原因
  • 與 Luma 及 PWA Studio 的比較
  • Hyvä 相容性與模組生態系

安裝與設定 Hyvä

  • 需求與授權
  • 使用 Composer 安裝 Hyvä
  • 在 Magento 2 中啟用並設定 Hyvä 主題

使用 Tailwind CSS 與 Alpine.js

  • Tailwind CSS 工具類別概述
  • 套用自訂樣式與佈局
  • 使用 Alpine.js 建立互動式元件

樣板與佈局客製化

  • 理解 Hyvä 樣板結構
  • 擴展區塊與 Layout 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 效能與 UX 的技術架構師

人數


每位參與者的報價

客戶評論 (3)

即將到來的課程

課程分類