Yireo - Developer training

Open main menu

Get trained by Yireo on

Magento 2 JavaScript

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.

Jisse Reitsma

Your teacher will be Jisse Reitsma

This training will be held with Jisse Reitsma as your guide. Jisse is the founder of Yireo, three times Magento Master, partner of ExtDN, trainer and author. Jisse has been in the Magento ecosystem for many years and has created numerous Magento extensions. He also has been pushing better coding practices, like CI/CD, clean coding, coding standards and testing.

Pick the learning method that fits you best

Because everyone has different needs

 

On Demand

  • 49 lessons with 8+ hours of video
  • Student notes (247+ pages)
  • Accessible at any moment
  • Learn at your own pace
259
per year per individual

Blended Learning

  • Everything under On Demand
  • Teacher support via email & slack
  • Prioritized requests for new lessons
  • Get the personalized help that you need
369
per year per individual

Custom Training

  • Everything under In-person training
  • Economical for groups of 5 and more
  • Freely debate company-specific topics
  • Online or on-site at your company

Custom pricing

per training

There are no scheduled live trainings available

At this moment, there are no trainings scheduled in our agenda. However, we are always busy with planning more, so make sure to check out our online agenda. Alternatively, checkout our on-demand content or feel free to contact us for a custom in-company training.

Current video lessons in one single view

We are constantly updating our courseware, but the following is a real-life snapshot

LessonChapterVideo lengthCreatedAction
ES6 Strict Mode JavaScript06m 15s13 Dec 2021Watch for free
JavaScript encapsulation JavaScript08m 55s13 Dec 2021Watch for free
Invocation patterns JavaScript17m 34s13 Dec 2021Watch for free
Binding the keyword this   JavaScript06m 43s24 Oct 2021Get access
Module pattern   JavaScript06m 53s24 Oct 2021Get access
How JavaScript translations work   RequireJS20m 10s09 Dec 2021Get access
AMD standard   RequireJS12m 07s11 Nov 2021Get access
RequireJS basics RequireJS05m 58s13 Dec 2021Watch for free
RequireJS config per Magento module RequireJS19m 19s13 Dec 2021Watch for free
RequireJS configuration   RequireJS07m 48s11 Nov 2021Get access
RequireJS rewrites   RequireJS21m 18s11 Nov 2021Get access
RequireJS shims   RequireJS11m 59s12 Nov 2021Get access
RequireJS mixins   RequireJS33m 55s12 Nov 2021Get access
Component initializations   RequireJS34m 10s30 Dec 2021Get access
Return values of RequireJS modules   RequireJS22m 58s31 Dec 2021Get access
Example: Changing the background color   RequireJS48m 57s12 Nov 2021Get access
Changing options of the StoreView switcher   RequireJS13m 35s31 Dec 2021Get access
Dynamic dependencies   RequireJS00m 00s12 Nov 2021Get access
Introduction to Knockout.js   KnockoutJS09m 17s31 Dec 2021Get access
Knockout Context Debugger browser plugin   KnockoutJS03m 41s31 Dec 2021Get access
Binding Knockout the Magento way   KnockoutJS17m 13s03 Jan 2022Get access
Binding variables in Knockout   KnockoutJS07m 13s31 Dec 2021Get access
Text input with Knockout observable   KnockoutJS11m 05s03 Jan 2022Get access
Using ko.observableArray   KnockoutJS11m 28s03 Jan 2022Get access
Simple counter with Knockout KnockoutJS26m 32s13 Dec 2021Watch for free
Interacting with Knockout ViewModels   KnockoutJS08m 07s03 Jan 2022Get access
Interacting with Magento uiComponents   KnockoutJS16m 23s03 Jan 2022Get access
Simple KO ViewModel linking KnockoutJS48m 33s13 Dec 2021Watch for free
Subscribing to the minicart   KnockoutJS36m 47s03 Jan 2022Get access
Knockout Components   KnockoutJS00m 00s12 Nov 2021Get access
State component with Knockout   KnockoutJS00m 00s12 Nov 2021Get access
Definition of UiComponents   KnockoutJS00m 00s12 Nov 2021Get access
Advanced UiComponent   KnockoutJS00m 00s12 Nov 2021Get access
Knockout HTML templates   KnockoutJS00m 00s12 Nov 2021Get access
Rendering child components   Extending the checkout00m 00s12 Nov 2021Get access
Adding new step in checkout   Extending the checkout00m 00s12 Nov 2021Get access
Customize checkout components   Extending the checkout00m 00s12 Nov 2021Get access
adding-fields   Extending the checkout00m 00s12 Nov 2021Get access
cms-block-in-checkout   Extending the checkout00m 00s12 Nov 2021Get access
Data sources in the checkout   Extending the checkout00m 00s12 Nov 2021Get access
email-validation   Extending the checkout00m 00s12 Nov 2021Get access
ZIP code validation   Extending the checkout00m 00s12 Nov 2021Get access
Payment validators   Extending the checkout00m 00s12 Nov 2021Get access
Observer quote changes   Extending the checkout00m 00s12 Nov 2021Get access
Calling upon the checkoutProvider   Extending the checkout00m 00s12 Nov 2021Get access
Dealing with `customerData`   Private content00m 00s12 Nov 2021Get access
Example for using `customerData`   Private content00m 00s12 Nov 2021Get access
Add a new customerData section   Private content00m 00s12 Nov 2021Get access
Depersonalizer   Private content00m 00s12 Nov 2021Get access

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

These are the options we give you:

Prepare for certification

Our Magento 2 trainings are not part of the Magento U program. However, Yireo is known for providing training with high quality. Many M2 developers have reached official certification, thanks to Yireo. Additionally, we can supply our own Yireo Training Certificates.

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.

This training is part of the following series

so that we'll be able to guide you all the way, step by step

Why Yireo?

  • Professional trainings at affordable prices
  • Highly involved in the Magento community
  • Passionate, enthousiastic, knowledgable

We have trained 1400+ Magento developers since 2009

Training topics

  • ES6 Strict Mode
  • JavaScript encapsulation
  • Invocation patterns
  • Binding the keyword this
  • Module pattern
  • 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 the background color
  • Changing options of the StoreView switcher
  • Dynamic dependencies
  • 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 KO ViewModel linking
  • Subscribing to the minicart
  • Knockout Components
  • State component with Knockout
  • Definition of UiComponents
  • Advanced UiComponent
  • Knockout HTML templates
  • Rendering child components
  • Adding new step in checkout
  • Customize checkout components
  • adding-fields
  • cms-block-in-checkout
  • Data sources in the checkout
  • email-validation
  • ZIP code validation
  • Payment validators
  • Observer quote changes
  • Calling upon the checkoutProvider
  • Dealing with `customerData`
  • Example for using `customerData`
  • Add a new customerData section
  • Depersonalizer

Audience

Technical merchants
Webdesigners
Frontend developers

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

Frequently Asked Questions

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

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

Jisse Reitsma

The teacher: Jisse Reitsma

Thus it came to be

When Jisse started with Magento, he already had years of experience programming in Joomla (back in the days when Joomla was actually the #1 CMS - believe it or not). Back then, open source cart solutions were lacking and Magento 1.0 brought a lot of hope.

Quickly Jisse dived into the new architecture: In 2009, he built his first extensions, among which the fundaments of a bridge between Joomla and Magento (MageBridge) and various project-specific extensions (among which payment providers and custom MVC/EAV modules).

A relieve

Over the years, he experienced what most Magento developers experienced with M1: A lot of power, but also frustration. After a couple of years, it no longer was cutting-edge and it barely adopted new developer standards. When the new Magento 2.0 alpha 1 came out, Jisse started playing with it. And he was relieved to see modern tools in its architecture: Composer, PHP namespacing, testability, CLI-driven management, proper design patterns.

Again, after building some modules and dummy projects, the first Magento 2 developer training was given in January 2017 (two months after the official release) and numerous M2 trainings have followed for both backend developers, frontend developers and devops.

Frontend sagas

Currently, with Magento 2 being several years old now, the fuzz is no longer about its backend architecture: It is the frontend that matters. Jisse has given numerous frontend development trainings, where people complain about LESS (and not SASS) being used, loading times to be slow (while in fact M2 allows for enough tuning to make it bloody fast), an archaic combo of Knockout/RequireJS (while they both serve their purpose in regards to backwards compatibility).

PWA is the new keyword. Jisse has dived into React, Redux & service workers in combination with GraphQL and NodeJS tools. He is currently working in various initiatives to help developers embrace the new frontend stack (ExtDN, Vue Storefront, DEITY). Also, he has added Docker and Kubernetes to his vocabulary.

As of yet, it is fair to say that Magento holds little surprises for Jisse. He is your guy to train you or your developers properly in both backend and frontend technology.

Extensions

GitHub organizations

Legal information

Other Yireo sites

Get Social

About Yireo