Course Outline

Hyvä 테마 소개

  • Hyvä란 무엇이며 왜 만들어졌는지
  • Luma와 PWA Studio와의 비교
  • Hyvä 호환성과 모듈 생태계

Hyvä 설치 및 설정

  • 요구사항 및 라이선스
  • Composer를 사용하여 Hyvä 설치
  • Magento 2에서 Hyvä 테마 활성화 및 구성

Tailwind CSS 및 Alpine.js 사용

  • Tailwind CSS 유틸리티 클래스 개요
  • 사용자 정의 스타일 및 레이아웃 적용
  • 알파인.js를 사용하여 상호작용 컴포넌트 사용

템플릿 및 레이아웃 사용자 정의

  • Hyvä 템플릿 구조 이해
  • 블록 및 레이아웃 XML 확장
  • PHTML 템플릿 생성 및 재정의

모듈 통합 및 호환성 처리

  • Hyvä 호환 모듈 사용
  • 호환되지 않는 모듈 처리
  • 대안 메커니즘(루마 또는 Hyvä 체크아웃) 사용

Hyvä를 통한 프론트엔드 최적화

  • 성능 벤치마크 및 라이트하우스 점수
  • 자산 최소화 및 전달 최적화
  • 지연 로딩 및 고급 캐싱 전략

Use Case 및 사용자 정의 컴포넌트

  • 알파인.js를 사용하여 재사용 가능한 컴포넌트 구축
  • Hyvä UI 컴포넌트 라이브러리 사용
  • 폼 통합 및 사용자 입력 처리

최고의 관행 및 유지보수

  • 코드 구조 및 모듈화 지침
  • Hyvä 및 종속성 업데이트 유지
  • 배포 및 테마 버전 관리

요약 및 다음 단계

  • 주요 개념 검토
  • 프로덕션 배포 준비
  • Hyvä 생태계에서의 지속 학습을 위한 리소스

Requirements

  • Magento 프론트엔드와 백엔드 개발 경험
  • HTML, CSS, JavaScript, 그리고 PHP에 대한 지식
  • 템플릿 엔진 및 Magento 테마 아키텍처에 대한 이해

대상자

  • Hyvä Themes로 전환하는 Magento 개발자
  • Adobe Commerce 스토어프론트를 개발하는 프론트엔드 개발자
  • Magento 2의 성능 및 사용자 경험을 최적화하는 기술 아키텍트
 21 Hours

Number of participants


Price per participant

회원 평가 (2)

Upcoming Courses

Related Categories