Liên hệ với chúng tôi

Đề cương khóa học

Giới thiệu về Hyvä Themes

  • Hyvä là gì và lý do được tạo ra
  • So sánh với Luma và PWA Studio
  • Khả năng tương thích của Hyvä và hệ sinh thái module

Cài đặt và Thiết lập Hyvä

  • Yêu cầu và giấy phép (licensing)
  • Cài đặt Hyvä sử dụng Composer
  • Kích hoạt và cấu hình theme Hyvä trong Magento 2

Làm việc với Tailwind CSS và Alpine.js

  • Tổng quan về các lớp tiện ích (utility classes) của Tailwind CSS
  • Áp dụng các kiểu dáng và bố cục tùy chỉnh
  • Sử dụng Alpine.js cho các thành phần tương tác

Tùy chỉnh Mẫu và Bố cục

  • Hiểu cấu trúc mẫu của Hyvä
  • Mở rộng các khối (blocks) và XML bố cục
  • Tạo và ghi đè (override) các mẫu PHTML

Tích hợp Module và Xử lý Tương thích

  • Làm việc với các module tương thích Hyvä
  • Xử lý các module không tương thích
  • Sử dụng cơ chế dự phòng (fallback mechanism) (Luma hoặc Hyvä Checkout)

Tối ưu hóa Frontend với Hyvä

  • Đo lường hiệu suất (benchmarks) và điểm số Lighthouse
  • Nén (minify) tài nguyên và tối ưu hóa việc phân phối
  • Nạp trễ (lazy loading) và các chiến lược bộ nhớ đệm (caching) nâng cao

Các trường hợp sử dụng nâng cao và Thành phần tùy chỉnh

  • Xây dựng các thành phần có thể tái sử dụng với Alpine.js
  • Sử dụng thư viện thành phần UI của Hyvä
  • Tích hợp biểu mẫu và xử lý đầu vào của người dùng

Thực hành tốt nhất và Bảo trì

  • Hướng dẫn về cấu trúc mã và tính module hóa (modularity)
  • Giữ Hyvä và các phụ thuộc luôn ở phiên bản mới nhất
  • Triển khai và kiểm soát phiên bản theme

Tóm tắt và Các bước tiếp theo

  • Ôn tập các khái niệm chính
  • Chuẩn bị cho việc triển khai sản xuất (production)
  • Tài liệu để học tập liên tục trong hệ sinh thái Hyvä

Yêu cầu

  • Kinh nghiệm phát triển frontend và backend với Magento 2
  • Kiến thức về HTML, CSS, JavaScript và PHP
  • Nắm vững các engine mẫu (templating engines) và kiến trúc theme của Magento

Đối tượng tham gia

  • Các nhà phát triển Magento đang chuyển đổi sang Hyvä Themes
  • Các nhà phát triển frontend làm việc với cửa hàng trực tuyến Adobe Commerce
  • Các kiến trúc sư kỹ thuật tối ưu hiệu suất và UX của Magento 2
 21 Giờ

Số người tham gia


Giá cho mỗi học viên

Đánh giá (3)

Các khóa học sắp tới

Các danh mục liên quan