コース概要

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テーマアーキテクチャに familarity があること

対象者

  • HyväThemesへの移行を検討しているMagento開発者
  • Adobe Commerceストアフロントエンドに取り組むフロントエンド開発者
  • Magento 2のパフォーマンスとユーザーエクスペリエンスを最適化する技術アーキテクト
 21 時間

参加者の人数


参加者1人当たりの料金

お客様の声 (2)

今後のコース

関連カテゴリー