Magento 2 JavaScript course
A clear and in-depth explanation of JavaScript in Magento 2 Luma
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.
13+
Hours of video
76
Lessons
335
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 21 preview lessons
- More than 371+ 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 13+ hours of video
- Student notes of 335+ 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
- 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.7-p1
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
jQuery in Magento
jQuery and the keyword this
jQuery noConflict mode
How JavaScript translations work
20m 10s
RequireJS shims
11m 59s
RequireJS mixins
33m 55s
Component initializations
34m 10s
Example: Changing background color
48m 57s
Changing options of the StoreView switcher
13m 35s
Dynamic dependencies
RequireJS tips
Text input with Knockout observable
11m 05s
Using ko.observableArray
11m 28s
Interacting with Magento uiComponents
16m 23s
Analysing the customer greeting
14m 14s
Subscribing to the minicart
36m 47s
Working with computed observables
Knockout Components
Debugging Knockout
Definition of UiComponents
16m 01s
Advanced UiComponent
18m 29s
Knockout HTML templates
17m 51s
Rendering child components
30m 35s
State component with Knockout
ConfigProviders for window.checkoutConfig
10m 56s
Adding a new Layout Processor
15m 52s
Component configuration
15m 01s
Adding a field to the address form
Adding a CMS block in checkout
24m 04s
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.7-p1
Target group
- Junior frontend developers
- Junior backend developers
These trainings form a pressure cooker of what a developer would otherwise learn in a yearSabine de Vos (Modern Minds)
Requirements
- 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
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
Magento 2 Luma JavaScript Development training
13h of videos
76 lessons
Option for in-house training
Level: Expert Type: Frontend Developer
Option for in-house training
Level: Expert Type: Frontend Developer
A clear and in-depth explanation of JavaScript in Magento 2 Luma
featured
Magento 2 Backend Development II training
10h of videos
102 lessons
Option for in-house training
Level: Expert Type: Backend Developer
Option for in-house training
Level: Expert Type: Backend Developer
Everything you need to create advanced modules following best practices
You will notice Jisse his knowledge and experience in just a few moments. Despite the many topics, there is still depth that gives you that little bit of extra information to improve your work. These courses are highly recommended!Tristan Nederhoff (Vendic)
Customer quotes
At Yireo you will quickly get to know the world of Magento with all the new best practices. Kevin van Welzenis (Vendic)
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)
Jisse challenges my thinking by asking questions during the course, showing edge case implementations and pointing out the various hurdles to consider when developing software. 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).
