background

Shopware Frontend II 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.

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 live training

Because everyone has different needs

Classroom-based
Live Training
See our schedule below
  • Instructor-led classroom
  • Benefit from a real-time interaction
  • Ask any question that you have
Agency-specific Training
In-House
per training per agency
  • Economical for groups of 5 and more
  • Freely debate company-specific topics
  • On-site at your company office
Agency-specific Training
Online
per training per agency
  • 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
Date
Aug 26, 2024 - Aug 29, 2024
Training
Shopware Frontend Development Bootcamp
NL
Location
Subscribe
Subscribe now
Date
Nov 4, 2024 - Nov 7, 2024
Training
Shopware Frontend Development Bootcamp
NL
Location
Subscribe
Subscribe now

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
What Will Be Covered?
Development setup
Creating a theme
Exercise: Create a theme
Creating a plugin
Exercise: Create a plugin
Twig essentials
Exercise: Override some Twig template
Adding new Twig variables
Using theme.json variables in SCSS and Twig 37m 27s
Using plugin variables (config.xml)
Adding global Twig variables
Adding a custom Twig filter
Adding a custom Twig function
Extending the page
Pages and Pagelets
Extending the footer pagelet
Using the StorefrontRenderEvent
Add a middle name to a customer form
JavaScript in the Storefront
Adding JavaScript to your Shopware plugin 27m 17s
Compiling custom NPM packages
Using theme variables in JavaScript 37m 27s
Dealing with Viewports in your Shopware JavaScript 07m 18s
JavaScript in the Storefront
Exercise: Compile JS sources
Adding JavaScript to your Shopware plugin 27m 17s
Exercise: Create a custom JS plugin
Using jQuery
Using plugin variables in JS
Debugging JavaScript
Overriding an existing JavaScript plugin 06m 15s
Overriding the OffCanvasCartPlugin options
Overriding Tiny Slider
Dealing with JavaScript events in Shopware 6 27m 56s
Common JavaScript utilities
Using AJAX in the Shopware storefront 20m 49s
Dealing with Viewports in your Shopware JavaScript 07m 18s
Using the DOM in your Shopware JS plugin 07m 24s
Webpack essentials
Adding NPM packages to your JavaScript plugin 26m 16s
Adding TypeScript
Introduction to Shopware Apps
App manifest.xml
Introduction to Shopware PWA

Full access to all videos and other coursematerial is available for attendees of live trainings.

This course has been updated for compatibility with Shopware 6.6
Target group

Target group

  • Junior frontend developers
  • Junior backend developers
roy-van-os.jpg
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)
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.

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

Customer quotes

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)
Very informative and useful training! Even though I already have 3+ years of Magento experience, there was enough information from which I learned new things. Renze Dijkstra (E-tales)
Structured training measured my general knowledge of e-commerce and Magento is verbal. Goal achieved! Erwin de Groot (Vendic)
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

accent-interactive.png
burst-digital.png
elgentos.png
lemundo.png
ecomwise.png
i95dev.jpg
sherpaan.png
youwe.png
vogels.png
buro26.png
lupa-studio.jpg
indie-group.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.