background

Magento 2 JavaScript course

Een duidelijke en uitgebreide uitleg over JavaScript in Magento 2 Luma

Een duidelijke en uitgebreide uitleg over JavaScript in Magento 2 Luma

De Magento 2-training over theming, deel I, gaat dieper in op XML en PHTML. Dit deel II gaat verder met RequireJS en KnockoutJS, twee onderdelen van theming die wezenlijk verschillen van die in M1. Met deze JavaScript technologieën is het mogelijk geworden om zaken als het afrekenen, de prijsmodellering en winkelwagentjes aan te passen zonder ingrepen in de kern en rare trucjes. Deze training biedt frontend-ontwikkelaars een uitstekende start met M2 JavaScript.

13+

Hours of video

76

Lessons

335

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 21 preview lessons
  • More than 371+ 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 13+ hours of video
  • Student notes of 335+ 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

  • Luma JavaScript standards
  • Invocation patterns
  • jQuery in Magento
  • jQuery and the keyword this
  • jQuery noConflict mode
  • How JavaScript translations work
  • AMD standard
  • RequireJS basics
  • RequireJS config per Magento module
  • RequireJS configuration
  • RequireJS rewrites
  • RequireJS shims
  • RequireJS mixins
  • Component initializations
  • Return values of RequireJS modules
  • Example: Changing background color
  • Changing options of the StoreView switcher
  • Dynamic dependencies
  • RequireJS tips
  • Introduction to Knockout.js
  • Knockout Context Debugger browser plugin
  • Binding Knockout the Magento way
  • Binding variables in Knockout
  • Text input with Knockout observable
  • Using ko.observableArray
  • Simple counter with Knockout
  • Interacting with Knockout ViewModels
  • Interacting with Magento uiComponents
  • Simple Knockout ViewModel linking
  • Analysing the customer greeting
  • Subscribing to the minicart
  • Working with computed observables
  • Knockout Components
  • Debugging Knockout
  • Using the uiRegistry
  • Definition of UiComponents
  • Advanced UiComponent
  • Knockout HTML templates
  • Analysing the minicart
  • Rendering child components
  • Adding extra info to the minicart
  • State component with Knockout
  • ConfigProviders for window.checkoutConfig
  • Layout processors
  • Adding a new Layout Processor
  • Adding a child component to the checkout
  • Adding a new step in checkout
  • Component configuration
  • Adding a field to the address form
  • Adding a CMS block in checkout
  • Data sources in the checkout
  • 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
  • Dealing with customerData
  • Example for using customerData
  • Add a new customerData section
  • How customerData sections get their data
  • Showing customer().lastname in a Knockout template
  • Depersonalizer
This course has been updated for compatibility with Magento 2.4.9+

Watch a preview now

See for yourself

Invocation patterns
AMD standard
RequireJS basics

Of blader door alle lessen in ons cursusportaal

We werken ons lesmateriaal voortdurend bij, maar hieronder volgt een momentopname uit de praktijk
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 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 Knockout 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
Depersonalizer

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 Magento 2.4.9+
Target group

Target group

  • Junior frontend-ontwikkelaars
  • Junior backend-ontwikkelaars
renze-dijkstra.jpg
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)
Requirements

Requirements

  • Ervaring met het Magento 2-beheerderspaneel
  • Een lokaal draaiende installatie van Magento 2
  • Kennis van XML-layouts bij het ontwerpen van Magento 2-thema’s (deel 1 van deze cursus wordt aanbevolen)
  • Kennis van PHTML-sjablonen in Magento 2
  • Kennis van jQuery en ‘vanilla’ JavaScript

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.

ingmar-de-vos.jpg
Een vlotte, diepgaande introductie in Hyvä Checkout en Magewire. Jisse is echt een ervaren en deskundige docent die cursussen geeft aan kleine groepen, met genoeg ruimte voor vragen en voor de inbreng van alle deelnemers
Ingmar de Vos (Mountain IT)

Customer quotes

De training maakte pure abstractie behapbaar en verteerbaar Marko Beenink (Mountain IT)
Jisse weet hoe je je hersenen aan het werk zet en houdt je constant op het puntje van je stoel Kayne Spikker (Modern Minds)
Ik vond de cursus Magento 2 Hyvä Theme Development erg leuk. De informatie is nuttig en goed gestructureerd. Ik waardeerde de uitgebreide oefeningen, die me hielpen te begrijpen hoe je een frontend met Hyvä ontwikkelt. Jisse is prettig om naar te luisteren en weet je te boeien, wat de cursus nog beter maakte. Nadezhda Ivanova (HYPR)
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

techdivision.png
nordicwebteam.png
tryzens.png
integer-net.png
exxtra.png
mediawave.png
vogels.png
gemaco.png
indie-group.png
atwix.png
enobis.jpg
accent-interactive.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).