お問い合わせを送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
予約を送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
コース概要
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 時間
お客様の声 (2)
講師が各主題で使用した例は、理解をより容易にしました
huda Alyassi - Dubai Government Human Resources Dept.
コース - Adobe XD
機械翻訳
The trainer listened to my wishes and adjusted the training meeting my specific needs.
Annemiek Dortmans
コース - DTP (InDesign, Photoshop, Illustrator, Acrobat)
機械翻訳