Magento 2 Frontending cursus

A quick-paced but thorough coverage of Magento 2 frontend development

Kies de leermethode die het beste bij u past

Omdat iedereen andere wensen heeft

On Demand
for 1 year for 1 individual
  • Toegang tot 11+ uur aan video materiaal
  • Cursusnotities van 371+ 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 quick-paced but thorough coverage of Magento 2 frontend development

Magento 2 theming allows for a lot of flexibility. However, this requires you to understand various concepts like theme inheritance, XML layout and Block programming. With our training, you will get all the information you need to customize and extend your own theme.


Hours of video





Watch a preview now

See for yourself

Introduction to Magento 2 frontend development
Development tools
Development performance

Or browse through all lessons in our courseware portal

We are constantly updating our courseware, but the following is a real-life snapshot
Introduction to Magento 2 frontend development free 09m 34s
Development tools free 12m 34s
Development performance free 17m 28s
Deployment modes free 24m 04s
Static Content Deployment   16m 35s
Setting the DocumentRoot in the Apache webserver free 07m 06s
Troubleshooting theming files  
Relevant database tables  
Theme location free 03m 40s
Creating a theme free 08m 11s
Parent themes free 10m 19s
Theme inheritance free 23m 11s
Theme structure   02m 19s
Theme vs module free 06m 48s
view.xml file  
Introduction to PHTML templates   04m 33s
Using the MageSpecialist DevTools free 08m 54s
Using mage2tv/cache-clean free 04m 29s
Overriding a PHTML template free 11m 08s
Creating a new template   13m 03s
PHTML vs HTML templates   05m 44s
Debugging PHTML templates   06m 07s
Understanding the root template  
Escaping values in templates  
XML layout concepts   07m 24s
Comparison with Magento 1   04m 19s
XML layout essentials   17m 31s
Review of homepage demo free 08m 58s
Handles and handle types   21m 58s
Understanding page layouts   25m 08s
Adding labels to containers   15m 42s
Using containers   14m 48s
Adding a new page layout  
The head section in the layout   10m 25s
Blocks in the layout   14m 09s
Layout updates   19m 17s
Moving elements   07m 56s
Removing elements   02m 55s
Rendering child elements in blocks   19m 17s
Reordering elements   08m 57s
Using block templates   14m 16s
Block arguments in the XML layout   20m 02s
Adding Google fonts  
Common XML layout modifications  
Understanding root.phtml  
Overriding layout   04m 38s
Adding FontAwesome  
Overriding the logo   21m 02s
Adding menu-items to the main or the top menu  
Text blocks   05m 48s
Troubleshooting layout issues  
Setting up Store Views for translation free 09m 48s
Translating content   17m 20s
Translating system strings free 09m 16s
Using inline translations  
Creating a custom language pack  
How JavaScript translations work   20m 10s
Module essentials  
Creating a Block  
Using ViewModels free 15m 42s
ViewModels vs Blocks free 07m 48s
Extending `AbstractBlock`   01m 50s
Working with CMS Blocks free 13m 55s
Example: Show products that are on sale  
Assigning variables  
Example: Adding a product to the footer  
Working with child blocks  
Customizing email templates   16m 00s
Adding a block to an email template free 04m 15s
Using Yireo EmailTester   03m 09s
CSS strategies free 05m 54s
How CSS is added via the XML layout free 05m 47s
Magento its LESS strategy  
LESS basics   04m 25s
To copy Fotorama into a LESS file   09m 25s
Removing calendar.css and others free 04m 04s
One single CSS or separate CSS files?   04m 31s
Understanding the @magento_import directive   15m 50s
Example module with some LESS   09m 57s
LESS compilers   09m 59s
Debugging var/view_preprocessed/   06m 28s
Including critical CSS  
CSS responsiveness - the Magento way free 15m 41s
Best practices for overriding LESS files   09m 31s
Using SASS instead of LESS  
SASS basics  
Grunt vs Gulp  
Using Grunt for LESS compilation   16m 28s
Grunt tips  
Frontools Gulp usage  
Using subodha his Gulp   05m 03s
bobmotor Gulp usage  
General performance tips  
JS bundling  
Caching blocks   07m 12s
Magento theme `type`  
Troubleshooting themes  

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
  • Basic knowledge of object-oriented PHP and XML
  • Skilled in HTML and CSS

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