Hyvä Theme Development for Magento 2 - 07 February 2022

In stock

Hyva Themes is quickly gaining ground in the Magento community and for a logical reason: The Luma themewith its bad performance, huge complexity and outdated libraries is replaced with a fresh stack ofAlpineJS and TailwindCSS. With our training, you get the perfect kickstart so you can get the max outof your new Hyva projects.

Full details on this course (and its variations) can be found here: https://www.yireo.com/training/magento2-frontend-development-hyva-themes

What do you get with this training:

You'll get a copy of the course materials, including slides, student notes, plus the code used during the training.

No labs. Additional guidance instead.

During the day, there will be no lab exercises. We will focus on knowledge transfer only and be as efficient as possible with the available time. Applying the knowledge in practice can always be done afterwards - and we offer you the option to ask any questions after the training (for instance via Skype or mail). Our experience is that with this method you can jump to results quicker.

More subjects?

Do you have any specific subject that you want to be dealt with during the training? Let us know and we are happy to integrate that subject into the program.

More Information
Starting date Feb 7, 2022
Ending Date Feb 8, 2022

Included courses

Magento - Hyvä Themes

Status: Complete
Last updated: 2022-01-03
Number of lessons: 32
Number of slides: 208
Videos: 0 hours

Preview this course

Want to see what this course is like? Checkout our Courseware Demo to preview this course and others.

Preview all courses

Course content

Magento - Hyvä Themes

  • Introduction
  • Introduction to Hyvä Themes
  • Hyvä themes
  • Hyvä modules
  • Hyvä admin
  • Quick start
  • Project kickstart
  • Installation
  • Discovering the theme
  • Tailwind CSS
  • Introducing Tailwind CSS
  • Quick start without Hyva
  • Quick start with Hyva
  • Tailwind configuration
  • Purging CSS classes
  • Using Tailwind with Hyva
  • Tailwind and PostCSS
  • Tailwind plugins
  • Using apply
  • Tips and tricks
  • Just-In-Time
  • ViewModel classes
  • Using ViewModels
  • Alpine JS
  • Introducing AlpineJS
  • State management in AlpineJS
  • Events in AlpineJS
  • Rewriting Luma scripts to Alpine
  • Loading a CMS Block via GraphQL
  • Checkout with Hyva
  • Checkout options
  • React checkout
  • Compatibility modules
  • Compatibility modules
  • Converting an Example Widget module
  • Using compatibility modules
  • Creating a custom compatibility module
  • Tips & tricks
  • Performance tuning
  • Setting equal heights