background

Magewire course

Take Magento to new worlds

Take Magento to new worlds

When you build a complex UI in Magento, you often need to mess around with AJAX calls: Product configurators, product finders, customer widgets and much more. With Magewire, building such complex UI widgets has become way easier, thanks to the adoptation of Laravel Livewire. This course gives you all ins and outs.

6+

Hours of video

42

Lessons

160

Pages

Jisse Reitsma

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 5 preview lessons
  • More than 88+ minutes of video
  • Student notes where available
  • Free access before diving in full
On-Demand Solo
159
(USD 167)
per year per individual
  • Full access to this course
  • More than 6+ hours of video
  • Student notes of 160+ pages
  • Learn at your own pace
On-Demand Bulk
1249
(USD 1314)
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
background

Join our upcoming training in Baarn

Monday, July 22, 2024 - Thursday, July 25, 2024

Schedule for live training

Date
Jul 22 - Jul 25
Training
Magento Backend Development Bootcamp
NL
Location
Details
Date
Oct 7 - Oct 10
Training
Magento Backend Development Bootcamp
NL
Location
Details
Date
Dec 16 - Dec 19
Training
Magento Backend 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

  • Course introduction
  • About Magewire
  • What is MageWire?
  • Requirements for this course
  • My Development Setup
  • Magewire installation
  • Troubleshooting MageWire installation
  • Example module with MageWire
  • Binding handlers
  • Magewire with lists
  • Modifiers for binding handlers
  • wire:select modifier
  • Example counter with MageWire
  • Example counter with MageWire (advanced)
  • Magewire being dirty
  • Example: Switch the block template
  • Magewiring forms
  • Magic actions
  • Add Hyva styling to your component
  • Initializing content via wire:init
  • How MageWire loads data
  • MageWire HTTP calls
  • Component classes
  • MageWire, ViewModel or Block?
  • Combining MageWire with Alpine
  • Component hooks
  • Client-side hooks
  • Events and listeners
  • JavaScript events
  • Magento events
  • Different events, different scenarios
  • Entanglement
  • The Magewire JavaScript object
  • Hydrators
  • Nesting components
  • Nesting components with the same class
  • Strong typing and Magewire
  • Dom Diffing issues
  • A product finder based on Magewire
  • Adding Magewire to the minicart
This course has been updated for compatibility with Magewire 11 and Magento 2.4.7-p1

Watch a preview now

See for yourself

What is MageWire?
My Development Setup
Magewire installation

Or browse through all lessons in our courseware portal

We are constantly updating our courseware, but the following is a real-life snapshot
Course introduction
About Magewire
What is MageWire? free 06m 10s
Requirements for this course
My Development Setup free 04m 53s
Magewire installation free 05m 25s
Troubleshooting MageWire installation
Example module with MageWire free 11m 48s
Binding handlers 12m 31s
Magewire with lists 14m 38s
Modifiers for binding handlers 23m 20s
wire:select modifier 06m 03s
Example counter with MageWire 08m 00s
Example counter with MageWire (advanced) 10m 02s
Magewire being dirty 04m 58s
Example: Switch the block template 18m 58s
Magewiring forms 14m 00s
Magic actions 09m 42s
Add Hyva styling to your component 24m 41s
Initializing content via wire:init 07m 58s
How MageWire loads data 07m 51s
MageWire HTTP calls 16m 22s
Component classes 15m 32s
MageWire, ViewModel or Block? 02m 50s
Combining MageWire with Alpine 29m 22s
Component hooks 09m 17s
Client-side hooks 04m 26s
Events and listeners 16m 39s
JavaScript events 04m 20s
Magento events 11m 34s
Different events, different scenarios 03m 09s
Entanglement
The Magewire JavaScript object
Hydrators 13m 05s
Nesting components 11m 24s
Nesting components with the same class 06m 56s
Strong typing and Magewire 08m 32s
Dom Diffing issues
A product finder based on Magewire free 00m 07s
Adding Magewire to the minicart

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 Magewire 11 and Magento 2.4.7-p1
Target group

Target group

  • Webdesigners
  • Frontend developers
  • Programmers
kevin-van-welzenis.jpg
At Yireo you will quickly get to know the world of Magento with all the new best practices.
Kevin van Welzenis (Vendic)
Requirements

Requirements

  • Expert in HTML, CSS and JavaScript
  • Solid in Magento XML layout and PHTML templating
  • Skilled in Magento backend including DI configuration and modules
  • Knowledge of Hyva Themes is a big benefit (including Alpine and TailwindCSS)

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.

ruben-zuidervaart.jpg
Even when you think you know a few things about Magento, Jisse still manages to tell you about useful details that you never thought about.
Ruben Zuidervaart (Epartment)

Customer quotes

These trainings form a pressure cooker of what a developer would otherwise learn in a year Sabine de Vos (Modern Minds)
Fast paced, in-depth introduction to Hyvä Checkout and Magewire. Jisse truly is an experienced and knowledgable teacher who offers courses for small groups of people with enough room for questions and participation of all participants Ingmar de Vos (Mountain IT)
The training made pure abstraction manageable and digestible Marko Beenink (Mountain IT)
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

evoworks.png
kega.png
and-digital.png
indie-group.png
brandung.png
mediawave.png
adobe.png
bitbull.png
gents.png
ebizmarts.png
iodigital.png
bigbridge.png
See a more complete listing of our customers

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).