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
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 1315)
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
Join our upcoming training in Baarn
Monday, July 8, 2024 - Thursday, July 11, 2024
Schedule for live training
| Date | Training | Location | Details | |
|---|---|---|---|---|
|
Jul 8 - Jul 11 |
Magento Frontend Development Bootcamp |
NL |
Yireo, Baarn, The Netherlands
|
Learn more
|
|
Sep 23 - Sep 26 |
Magento Frontend Development Bootcamp |
NL |
Yireo, Baarn, The Netherlands
|
Learn more
|
|
Dec 2 - Dec 5 |
Magento Frontend Development Bootcamp |
NL |
Yireo, Baarn, The Netherlands
|
Learn more
|
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
Running a project in Hyvä
10m 41s
Development tools for Hyvä
06m 41s
Installation of Hyvä packages
12m 00s
Creating a new Hyva theme
13m 16s
Discovering the Hyva/default theme
15m 20s
Introducing Tailwind
19m 00s
Quick start
23m 49s
Configuring breakpoints
12m 49s
Configuring colors
17m 17s
Working with PostCSS
06m 54s
Optimizing CSS classes
22m 16s
Purging Magento modules
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
Tailwind 3 upgrade
Using PhpStorm for Tailwind development
04m 14s
Using ViewModels
14m 13s
Creating a ViewModel for Hyva
10m 14s
Working with icons
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
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
- Webdesigners
- Frontend developers
- Programmers
Jisse gives cool training courses that you can put to good use in practice. Besides being informative, it is also fun to listen to.Roy van Os (Active Ants)
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.
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.
We recommend the following training flow
Magento 2 Luma Frontend Development training
11h of videos
118 lessons
Option for in-house training
Level: Intermediate Type: Frontend Developer
Option for in-house training
Level: Intermediate Type: Frontend Developer
A quick-paced but thorough coverage of Magento 2 frontend development
featured
Magento 2 Backend Development I training
11h of videos
84 lessons
Option for in-house training
Level: Intermediate Type: Backend Developer
Option for in-house training
Level: Intermediate Type: Backend Developer
Configure DI XML with wisdom and build powerful extensions following from this
I have made use of Yireo its full range of both on-demand courses as well as classroom courses during my development career. Yireo its courses provide me with just that extra that no other courses have yet been able to: the encouragement to think outside the box.Isolde van Oosterhout (Sols Webdesign)
Customer quotes
A crash course by Yireo is like to be Neo learning Kung Fu Tjitse Efdé (Vendic)
Very informative and useful training! Even though I already have 3+ years of Magento experience, there was enough information from which I learned new things. Renze Dijkstra (E-tales)
I have made use of Yireo its full range of both on-demand courses as well as classroom courses during my development career. Yireo its courses provide me with just that extra that no other courses have yet been able to: the encouragement to think outside the box. Isolde van Oosterhout (Sols Webdesign)
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
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).
