background

Shopware Frontend I course

Get started with Shopware 6.6 frontend development quickly and efficiently

Get started with Shopware 6.6 frontend development quickly and efficiently

Shopware 6 offers a good alternative for frontend developers, that want to rely upon a solid backend but still want to heavily customize the frontend at will. This training helps you to get kickstarted with Shopware 6 theming quickly, while also focusing on some advanced parts like JS plugins and performance.

5+

Hours of video

105

Lessons

383

Pages

Jisse Reitsma

Your teacher Jisse Reitsma

Jisse is a familiar face in the Shopware community: He worked together with Shopware to create a series of videos (totalling 24 hours) to help Magento developers on-board Shopware. Besides this, he also worked together with Rico Neitzel to put together an official Shopware training curriculum. And he has contributed to numerous Shopware extensions in the past years.

Pick your On-Demand Shopware video course

And you can start right away

On-Demand Solo
189
(USD 205)
per year per individual
  • Full access to this course
  • More than 5+ hours of video
  • Student notes of 383+ pages
  • Learn at your own pace
On-Demand Bulk
749
(USD 813)
per year per individual
  • Access to 47+ hours of Shopware courses
  • Student notes of 4324+ pages
  • Ideal if you want to grasp everything
On-Demand Premium
2399
(USD 2604)
per year for an agency
  • Everything under On-Demand Bulk
  • Costing €9 per hour (or lower) per person
  • Continuously upgrade your teams knowledge

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

Schedule for live training

Date
Jun 4, 2024 - Jun 7, 2024
Training
Shopware Frontend Development Bootcamp
NL
Location
Subscribe
Scheduled
Date
Aug 26, 2024 - Aug 29, 2024
Training
Shopware Frontend Development Bootcamp
NL
Location
Subscribe
Scheduled
Date
Nov 4, 2024 - Nov 7, 2024
Training
Shopware Frontend Development Bootcamp
NL
Location
Subscribe
Scheduled

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.

Shopware training topics

Explore your topics of choice

This course has been updated for compatibility with Shopware 6.6

Or browse through all lessons in our courseware portal

We are constantly updating our courseware, but the following is a real-life snapshot
Shopware 6 Frontend Development
Prerequisites
Terms used in this course
Development setup 03m 45s
Disable caching
IDE setup
Using the Symfony Profiler
Project and Directory structure
CLI tools
Creating a new theme 09m 22s
Theme configuration
Theming structure
Explaining the theme.json file 11m 52s
Theme inheritance
Working with assets
Translations
Understanding Twig templating 18m 43s
Debugging Twig templates
Twig filters 08m 38s
Shopware-specific Twig tags 13m 59s
Twig template overrides
Working with assets in Twig
Remove the phonenumber from the contact form 24m 07s
Adding a custom field to the footer 14m 03s
Overriding a logo 17m 09s
Using an SVG logo 09m 30s
Working with variables in Twig
CSS strategy
Hot Module Reloading 12m 38s
Introducing SCSS 10m 22s
Internals of SCSS compilation
Modifying SCSS variables 22m 39s
Working with Twitter Bootstrap 16m 08s
Using theme.json variables in SCSS and Twig 37m 27s
Working with assets in CSS
Responsive webdesign
Adding FontAwesome icons
Using Tailwind instead of Bootstrap
Snippets
Customizing the product details page
Adding a Custom Field to the product page
Adding a property to the product page
Adding a tab to the product detail page
Customizing the category page
Adding a custom field to a category
Customizing the homepage
Accessing the request in Twig
Modifying the checkout
Adding a custom field to the checkout
Add a custom block with a shipping method
Cart architecture 11m 00s
Order state machines
Introduction to payment handlers 18m 21s
Modifying the revocation policy
Performance metrics
Caching strategies
Optimizing images
CSS & JS bundling
Using a CDN
Minify HTML
Optimizing fonts
Using @Routes
Customizing email templates
Working with CMS content
Using media entities
Using flatpickr for the birthday field 50m 24s
Adding global Twig variables
Adding a custom Twig filter
Add a middle name to a customer form
Add a custom block with a shipping method
Development tips
Setting up PHPStorm 13m 03s
Using a logger 11m 25s
Using Redis 10m 50s

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 Shopware 6.6
Target group

Target group

  • Technical merchants
  • Trainees or interns
  • Webdesigners
  • Frontend developers
  • Junior backend developers
isolde-van-oosterhout.jpg
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)
Requirements

Requirements

  • Experience with Shopware 6 Admin Panel
  • An installation of Shopware 6 running locally
  • Basic knowledge of object-oriented PHP
  • Skilled in HTML and CSS, preferably SCSS

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.

tjitse-efde.jpg
A crash course by Yireo is like to be Neo learning Kung Fu
Tjitse Efdé (Vendic)

Customer quotes

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)
As a newcomer to the Magento world, the Magento academy has given me a solid foundation for Magento 2. I benefit greatly from this in my daily work as a Frontend Developer. In addition, lunch was always well taken care of and you did not lack anything during the training sessions! Kevin de Bie (MaxServ)
I have made use of Yireo its full range of both on-demand courses as well as classroom courses during my development career. Yireo its courses provide me with just that extra that no other courses have yet been able to: the encouragement to think outside the box. Isolde van Oosterhout (Sols Webdesign)
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

vogels.png
networldsports.png
kega.png
iodigital.png
appcomm.jpg
space48.png
gerrits.png
mediawave.png
emico.png
hp.png
ziggo.png
eltrino.png
See a more complete listing of our customers

Frequently Asked Questions

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.