Magento 2 JavaScript cursus

A clear and in-depth explanation of JavaScript in Magento 2 Luma

Kies de leermethode die het beste bij u past

Omdat iedereen andere wensen heeft

On Demand
for 1 year for 1 individual
  • Toegang tot 13+ uur aan video materiaal
  • Cursusnotities van 335+ pagina's
  • Leer op jouw eigen tempo
for 1 year for 1 individual
  • Alles onder On Demand
  • Support van de docent via email & slack
  • Geprioriteerde aanvragen voor nieuwe lessen
  • Krijg de persoonlijke hulp die u nodig heeft
Live Training
See our schedule below
  • Alles onder On Demand
  • Klassikale training met docent
  • Profiteer van een directe interactie
  • Vraag wat je maar wilt

Agenda voor live trainingen

Magento Frontend Development Bootcamp
4 dagen (Nederlands but this could change if needed)
jul. 8 - jul. 11
09:30 - 16:30
Magento Frontend Development Bootcamp
4 dagen (Nederlands but this could change if needed)
sep. 23 - sep. 26
09:30 - 16:30
Magento Frontend Development Bootcamp
4 dagen (Nederlands but this could change if needed)
dec. 2 - dec. 5
09:30 - 16:30

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

Jisse Reitsma

Jouw docent Jisse Reitsma

Jisse Reitsma is de lead developer van 60+ Magento extensies en heeft technisch Magento verzorgd trainingen voor jaren. Naast zijn vermogen om complexe technologie te begrijpen, is hij bedreven in het maken deze kennis begrijpelijk voor iedereen. Bij hem kun je diepgaande begeleiding en veel verwachten van praktische tips. Jisse maakt deel uit van het Zend Z-Team, maker van MageTestFest & Reacticon en is bekroond met Magento Master "Mover" 2017-2018-2019.

A clear and in-depth explanation of JavaScript in Magento 2 Luma

The Magento 2 Theming training part I dives into XML and PHTML. This part II continues with RequireJS and KnockoutJS, two essentially different theming parts in regards of M1. With these JavaScript technologies it has become possible to modify things like checkout, price modelling, shopping carts without core hacks and weird tricks. This training gives frontend developers an excellent kickstart with M2 JavaScript.


Hours of video





Watch a preview now

See for yourself

Invocation patterns
AMD standard
RequireJS basics

Or browse through all lessons in our courseware portal

We are constantly updating our courseware, but the following is a real-life snapshot
Luma JavaScript standards  
Invocation patterns free 17m 34s
jQuery in Magento  
jQuery and the keyword this  
jQuery noConflict mode  
How JavaScript translations work   20m 10s
AMD standard free 12m 07s
RequireJS basics free 05m 58s
RequireJS config per Magento module free 19m 19s
RequireJS configuration free 07m 48s
RequireJS rewrites free 21m 18s
RequireJS shims   11m 59s
RequireJS mixins   33m 55s
Component initializations   34m 10s
Return values of RequireJS modules free 22m 58s
Example: Changing the background color   48m 57s
Changing options of the StoreView switcher   13m 35s
Dynamic dependencies  
RequireJS tips  
Introduction to Knockout.js free 09m 17s
Knockout Context Debugger browser plugin free 03m 41s
Binding Knockout the Magento way free 17m 13s
Binding variables in Knockout free 07m 13s
Text input with Knockout observable   11m 05s
Using ko.observableArray   11m 28s
Simple counter with Knockout free 26m 32s
Interacting with Knockout ViewModels free 08m 07s
Interacting with Magento uiComponents   16m 23s
Simple KO ViewModel linking free 48m 33s
Analysing the customer greeting   14m 14s
Subscribing to the minicart   36m 47s
Working with computed observables  
Knockout Components  
Debugging Knockout  
Using the uiRegistry free 12m 04s
Definition of UiComponents   16m 01s
Advanced UiComponent   18m 29s
Knockout HTML templates   17m 51s
Analysing the minicart free 22m 33s
Rendering child components   30m 35s
Adding extra info to the minicart free 13m 28s
State component with Knockout  
ConfigProviders for window.checkoutConfig   10m 56s
Layout processors free 23m 12s
Adding a new Layout Processor   15m 52s
Adding a child component to the checkout free 27m 45s
Adding a new step in checkout free 37m 52s
Component configuration   15m 01s
Adding a field to the address form  
Adding a CMS block in checkout   24m 04s
Data sources in the checkout free 06m 59s
Add additional email validation  
ZIP code validation  
Payment validators  
Observer quote changes  
Calling upon `checkoutProvider`  
Add a block to the sidebar  
Observing field validation  
Definition of Private Content   02m 42s
Dealing with `customerData`   17m 09s
Example for using `customerData`   10m 23s
Add a new customerData section   11m 21s
How `customerData` sections get their data   11m 26s
Showing `customer().lastname` in a Knockout template   11m 40s

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

We geven jou deze opties

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.

background background

Yireo could be the right partner for you

We hebben meer dan 5000 developers in verschillende disciplines onderwezen sinds 2005

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

Cursus onderwerpen

Krijg een indruk van onze training

Target group


  • Technical merchants
  • Webdesigners
  • Frontend developers


  • Experience with Magento 2 Admin Panel
  • An installation of Magento 2 running locally
  • Knowledge of XML layouts in Magento 2 theming (part 1 of this course is recommended)
  • Knowledge of Magento 2 PHTML templating
  • Knowledge of jQuery and vanilla JavaScript

Veelgestelde vragen

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

The training is only held as a physical classroom when 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.

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