background

Hyvä Themes course

Push the Magento fronteer

Push the Magento fronteer

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

10+

Hours of video

81

Lessons

325

Pages

Jisse Reitsma

Your teacher Jisse Reitsma

Jisse Reitsma is the developer of 60+ Magento extensions and has given technical Magento trainings for years. Besides his ability to understand complex technology, he is skilled in making this knowledge understandable for everyone. With him, you can expect in-to-depth guidance plus lots of practical tips. Jisse is the mastermind of MageTestFest, Reacticon and MageUnconference and former Magento Master.

Pick your On-Demand Magento video course

And you can start right away

On-Demand Preview
0
(USD 0)
No strings attached
  • Access to 16 preview lessons
  • More than 161+ minutes of video
  • Student notes where available
  • Free access before diving in full
On-Demand Solo
259
(USD 272)
per year per individual
  • Full access to this course
  • More than 10+ hours of video
  • Student notes of 325+ pages
  • Learn at your own pace
On-Demand Bulk
1249
(USD 1314)
per year per individual
  • Access to 93+ hours of Magento courses
  • Student notes of 5212+ pages
  • Ideal if you want to grasp everything

Or go for a teacher-led session

Because everyone has different needs

Classroom
Live Training
See our schedule below
  • Everything under On-Demand Standard
  • Instructor-led classroom
  • Benefit from a real-time interaction
  • Ask any question that you have
Agency
In-House
per training per agency
  • Everything under On-Demand Standard
  • Economical for groups of 5 and more
  • Freely debate company-specific topics
  • On-site at your company office
Agency
Online
per training per agency
  • Everything under On-Demand Standard
  • Ideal for online or hybrid teams
  • Recordings available afterwards
  • Online via Zoom, Teams or similar
background

Join our upcoming training in Baarn

Monday, July 8, 2024 - Thursday, July 11, 2024

Schedule for live training

Date
Jul 8 - Jul 11
Training
Magento Frontend Development Bootcamp
NL
Location
Details
Date
Sep 23 - Sep 26
Training
Magento Frontend Development Bootcamp
NL
Location
Details
Date
Dec 2 - Dec 5
Training
Magento Frontend Development Bootcamp
NL
Location
Details

Do these dates not fit you well? Do you want to switch to another language?
Feel free to contact us to see what other options there might be.

Magento training topics

Explore your topics of choice

  • Introduction to Hyvä Themes
  • Overview of Hyvä theme packages
  • Overview of Hyvä modules
  • Hyvä Admin
  • Running a project in Hyvä
  • Requirements for Hyvä
  • Development tools for Hyvä
  • Installation of Hyvä packages
  • Creating a new Hyva theme
  • Extending the Hyva/default theme
  • Discovering the Hyva/default theme
  • Using browser syncing
  • Introducing Tailwind
  • Quick start
  • Using Windy for Tailwind CSS development
  • Hyvä build modes
  • Tailwind configuration file
  • Configuring breakpoints
  • Configuring colors
  • Working with PostCSS
  • Optimizing CSS classes
  • Purging Magento modules
  • Configuring fonts
  • Tailwind plugins
  • Using the prose plugin
  • The workings of @apply
  • Tips and tricks
  • Just-In-Time Mode
  • Hyva_CmsTailwindJit module
  • Tailwind 3 upgrade
  • Using PhpStorm for Tailwind development
  • Using ViewModels
  • Creating a ViewModel for Hyva
  • Working with icons
  • Introduction to AlpineJS
  • Basic syntax
  • x-model directive
  • Magics
  • The $el magic
  • The $nextTick magic
  • x-ref directive
  • Watching variables
  • x-cloak directive
  • x-spread directive
  • Nested data
  • AlpineJS state
  • Copying a slider from alptail
  • JavaScript events in Hyva
  • Hyva private content
  • Depending on window.hyva
  • Mixing AJAX call with events
  • Loading a CMS Block via GraphQL
  • Checkout options
  • Hyvä React Checkout
  • Customizing the React checkout
  • Fixing the cart ID
  • Fix duplicate React versions
  • Fix the vendor folder
  • Overriding components
  • React or Preact developer tools
  • React checkout architecture
  • Using context in the React checkout
  • Using the React checkout in production
  • Dealing with CORS issues
  • Compatibility modules
  • Rewrite Luma scripts to Alpine
  • Using compatibility modules
  • Creating a compatibility module
  • Converting an Example Widget module
  • Introduction to Hyvä widgets
  • Performance tips
  • Equal heights solutions
This course has been updated for compatibility with Hyvä Themes 1.3 and Magento 2.4.7-p1

Watch a preview now

See for yourself

Introduction to Hyvä Themes
Overview of Hyvä theme packages
Overview of Hyvä modules

Or browse through all lessons in our courseware portal

We are constantly updating our courseware, but the following is a real-life snapshot
Introduction to Hyvä Themes free 12m 37s
Overview of Hyvä theme packages free 16m 39s
Overview of Hyvä modules free 06m 01s
Hyvä Admin free 05m 41s
Running a project in Hyvä 10m 41s
Requirements for Hyvä free 06m 32s
Development tools for Hyvä 06m 41s
Installation of Hyvä packages 12m 00s
Creating a new Hyva theme 13m 16s
Extending the Hyva/default theme free 20m 31s
Discovering the Hyva/default theme 15m 20s
Using browser syncing free 06m 52s
Introducing Tailwind 19m 00s
Quick start 23m 49s
Using Windy for Tailwind CSS development free 03m 00s
Hyvä build modes free 06m 12s
Tailwind configuration file free 10m 03s
Configuring breakpoints 12m 49s
Configuring colors 17m 17s
Working with PostCSS 06m 54s
Optimizing CSS classes 22m 16s
Purging Magento modules
Configuring fonts free 13m 36s
Tailwind plugins 05m 49s
Using the prose plugin 11m 23s
The workings of @apply 04m 49s
Tips and tricks
Just-In-Time Mode 14m 17s
Hyva_CmsTailwindJit module free 13m 46s
Tailwind 3 upgrade
Using PhpStorm for Tailwind development 04m 14s
Using ViewModels 14m 13s
Creating a ViewModel for Hyva 10m 14s
Working with icons
Introduction to AlpineJS free 04m 35s
Basic syntax free 17m 08s
x-model directive 05m 21s
Magics 01m 54s
The $el magic 01m 31s
The $nextTick magic 05m 13s
x-ref directive 06m 26s
Watching variables 03m 49s
x-cloak directive 03m 50s
x-spread directive 04m 14s
Nested data
AlpineJS state 03m 47s
Copying a slider from alptail 19m 45s
JavaScript events in Hyva 09m 39s
Hyva private content 27m 27s
Depending on window.hyva 04m 00s
Mixing AJAX call with events
Loading a CMS Block via GraphQL 34m 59s
Checkout options free 11m 35s
Hyvä React Checkout free 06m 50s
Customizing the React checkout 11m 08s
Fixing the cart ID 04m 11s
Fix duplicate React versions 03m 14s
Fix the vendor folder 03m 55s
Overriding components 06m 11s
React or Preact developer tools 06m 08s
React checkout architecture 24m 15s
Using context in the React checkout
Using the React checkout in production
Dealing with CORS issues
Compatibility modules 07m 50s
Rewrite Luma scripts to Alpine 07m 23s
Using compatibility modules 08m 05s
Creating a compatibility module 24m 07s
Converting an Example Widget module 20m 06s
Introduction to Hyvä widgets
Performance tips
Equal heights solutions

These videos are available as an On-Demand video training (with notes). See the pricing for details.

This course has been updated for compatibility with Hyvä Themes 1.3 and Magento 2.4.7-p1
Target group

Target group

  • Webdesigners
  • Frontend developers
  • Programmers
kevin-van-welzenis.jpg
This academy covered everything that Magento 2 has to offer. No stone was left unturned. Definitely recommended if you want to gain experience in the world of Magento, whether you are a junior or a senior developer who is just entering the world of Magento.
Kevin van Welzenis (Vendic)
background

We are a Hyvä Partner

Yireo has been a partner of Hyvä since day 1

We have worked together with Hyvä since the beginning - brainstorms on a React Checkout, promotions via Reacticon and obviously our training program being focused on Hyvä. We are proud to be an official Hyvä Partner.

Visit the Hyvä Partners listing
Requirements

Requirements

  • Skilled in HTML, CSS and JavaScript
  • Skilled in Magento XML layout and PHTML templating
  • Some basic knowledge of Tailwind CSS is a benefit

These are the options we give you

At your place or ours?

Everyone learns at her/his own pace. We provide both in-house training and public training throughout Europe - whatever suits your team best. When 3 or more developers are attending, a custom training is often more economical. Contact us for more details.

You'll get courseware

Every workshop is accompanied with official Yireo coursematerial. Attendees are sent a digital version of this material after the training. It contains slides, comments and references. Additionally, our GitHub repos contain numerous more code samples.

Online classrooms

Online trainings are also our training: Via Zoom or Google Hangout sessions, our teacher is able to connect with your team. The benefit here is that the team is able to connect from various places itself as well, timeframes are more flexible. Afterwards, a video recording will be shared with all attendees for reference.

On-demand self-paced training

This training is also available as an On-Demand training: Via numerous video lessons, including accompanying student notes (equalling a book on their own), you'll learn about the topics in your own pace. And when you bump into questions, you can fall back to the teachers guidance.

tjitse-efde.jpg
A crash course by Yireo is like to be Neo learning Kung Fu
Tjitse Efdé (Vendic)

Customer quotes

The training made pure abstraction manageable and digestible Marko Beenink (Mountain IT)
The training was great! We learned all the golden nuggets, presented clearly and accessible. Essential for anyone who works or will work with Magento! Rick Bouma (Epartment)
Jisse explains the relevant technology in an understandable way that is very useful in practice. The training is intensive, at a high level and of great added value because important concepts are made clear and you receive many useful tips. Oscar Hilbelink (Madia)
Read more quotes of our customers
background

Yireo could be the right partner for you

We have trained 5000+ developers in numerous disciplines since 2005

  • Professional training at affordable prices
  • Truely active with numerous open source projects in the community
  • Trainings, bootcamps, hackathons, events
  • Passionate, enthousiastic, knowledgable in the right combination

Some of the customers that we have trained in the past years

ekomurz.png
starapple.png
cedcommerce.png
multisafepay.png
vendic.png
iclicks.png
abovo.png
bigbridge.png
magespecialist.png
wunderman-thompson.png
ecomwise.png
mediact.png
See a more complete listing of our customers

Frequently Asked Questions

There is a minimum number of attendees listed. What does this mean?

When this course is organized in the form of a classroom-training, it is only held if there is a minimum number of attendees. This number is usually 4 but sometimes we bring this down to 2 or 3. This minimum number simply means that if a class is not "full", either you get a refund or your ticket is transferred to another date. With On-Demand courses (video courses), this number is not applicable.

Do you have any PPP discount available?

Yes, we do have a PPP (Purchasing Power Parity) discount available. Just enter `PPP` as a coupon code and the discount will be applied to your cart. We are using the Big Mac Index to recalculate prices. Note that - when ordering for a specific PPP rate - the country that you're entering in your billing address needs to match the exact country that you are visiting from (in other words: your IP needs to match the country you say you're from).