background

Hyvä Themes course

Verleg de grenzen van Magento

Verleg de grenzen van Magento

Hyvä Themes wint snel terrein in de Magento-community, en daar is een logische reden voor: het Luma-thema, met zijn slechte prestaties, enorme complexiteit en verouderde bibliotheken, wordt vervangen door een frisse stack van AlpineJS en TailwindCSS. Met onze training krijg je de perfecte start, zodat je het maximale kunt halen uit je nieuwe Hyvä-projecten.

10+

Hours of video

81

Lessons

325

Pages

Jisse Reitsma

Your teacher Jisse Reitsma

Jisse Reitsma is de ontwikkelaar van meer dan 90 Yireo-extensies en meer dan 200 Loki-extensies. Hij geeft al jaren technische Magento-trainingen, waarbij de nadruk ligt op best practices en hoogwaardige code. Naast zijn vermogen om complexe technologie te doorgronden, is hij bedreven in het voor iedereen begrijpelijk maken van deze kennis. Bij hem kun je rekenen op diepgaande begeleiding en tal van praktische tips.

Pick your On-Demand Magento video course

And you can start right away

On-Demand Preview
€ 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
€ 245
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
€ 699
per year per individual
  • Access to 100+ hours of Magento courses
  • Student notes of 5559+ 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

maandag, januari 11, 2027 - donderdag, januari 14, 2027

Schedule for live training

Date
jan 11 - jan 14
Training
Magento Frontend Development Bootcamp
NL
Location
Details

Passen deze data je niet goed? Wil je overschakelen naar een andere taal?
Neem gerust contact met ons op om te kijken welke andere mogelijkheden er zijn.

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.9+

Watch a preview now

See for yourself

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

Of blader door alle lessen in ons cursusportaal

We werken ons lesmateriaal voortdurend bij, maar hieronder volgt een momentopname uit de praktijk
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.9+
Target group

Target group

  • Webdesigners
  • Frontend-ontwikkelaars
  • Programmeurs
erwin-de-groot.jpg
Een gestructureerde training die mijn algemene kennis van e-commerce en Magento flink heeft vergroot. Doel bereikt!
Erwin de Groot (Vendic)
Requirements

Requirements

  • Bekwaam in HTML, CSS en JavaScript
  • Bekwaam in Magento XML-layout en PHTML-sjablonen
  • Enige basiskennis van Tailwind CSS is een pluspunt

These are the options we give you

Bij u of bij ons?

Iedereen leert in zijn of haar eigen tempo. Wij bieden zowel trainingen op locatie als openbare trainingen aan in heel Europa – wat het beste bij uw team past. Als er drie of meer ontwikkelaars deelnemen, is een training op maat vaak voordeliger. Neem contact met ons op voor meer informatie.

Je ontvangt cursusmateriaal

Elke workshop gaat gepaard met officieel cursusmateriaal van Yireo. Deelnemers ontvangen na afloop van de training een digitale versie van dit materiaal. Het bevat presentatiedia, toelichtingen en bronvermeldingen. Daarnaast bevatten onze GitHub-repositories nog talrijke andere codevoorbeelden.

Online lessen

Ook online trainingen behoren tot ons aanbod: via Zoom- of Google Hangouts-sessies kan onze docent contact leggen met uw team. Het voordeel hiervan is dat het team zelf ook vanaf verschillende locaties kan inloggen en dat de tijden flexibeler zijn. Na afloop wordt een video-opname met alle deelnemers gedeeld, zodat ze deze later nog eens kunnen bekijken.

On-demand-training in eigen tempo

Deze training is ook beschikbaar als on-demand-training: via talrijke videolessen, inclusief bijbehorende aantekeningen (die op zichzelf al een heel boek vormen), leer je de onderwerpen in je eigen tempo. En als je ergens tegen vragen aanloopt, kun je terugvallen op de begeleiding van de docenten.

isolde-van-oosterhout.jpg
Tijdens mijn carrière als developer heb ik gebruikgemaakt van het volledige aanbod van Yireo, zowel on-demand cursussen als klassikale trainingen. De cursussen van Yireo geven mij net dat extra wat geen andere cursus mij tot nu toe heeft kunnen geven: de aanmoediging om out-of-the-box te denken.
Isolde van Oosterhout (Sols Webdesign)

Customer quotes

Zeer informatieve en nuttige training! Ook al heb ik al ruim 3 jaar Magento-ervaring, er was genoeg informatie waar ik nieuwe dingen van heb geleerd. Renze Dijkstra (E-tales)
Deze trainingen vormen een snelkookpan van wat een developer anders in een jaar zou leren Sabine de Vos (Modern Minds)
Jisse vertelde een zeer interessant, praktisch en goed opgebouwd verhaal over de Magento 2-jungle Peter Keijsers (Experius)
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

phpro.png
lemundo.png
alekseon.png
esser-emerik.png
firegento.png
kega.png
experius.png
multisafepay.png
burst-digital.png
abovo.png
basecom.png
dnd.png
See a more complete listing of our customers

Frequently Asked Questions

Er wordt een minimumaantal deelnemers vermeld. Wat houdt dit in?

Wanneer deze cursus in de vorm van een klassikale training wordt georganiseerd, gaat deze alleen door als het minimumaantal deelnemers is bereikt. Dit aantal is meestal 4, maar soms verlagen we dit naar 2 of 3. Dit minimumaantal betekent simpelweg dat als een cursus niet „vol“ is, u uw geld terugkrijgt of dat uw ticket wordt overgezet naar een andere datum. Bij on-demand cursussen (videocursussen) is dit aantal niet van toepassing.

Hebben jullie een PPP-korting?

Ja, we bieden inderdaad een PPP-korting (Purchasing Power Parity) aan. Voer gewoon `PPP` in als kortingscode en de korting wordt automatisch toegepast op je winkelmandje. We gebruiken de Big Mac-index om de prijzen opnieuw te berekenen. Let op: wanneer je bestelt tegen een specifiek PPP-tarief, moet het land dat je opgeeft in je factuuradres exact overeenkomen met het land van waaruit je de website bezoekt (met andere woorden: je IP-adres moet overeenkomen met het land waarvan je zegt dat je daar vandaan komt).