background

Shopware Frontend II course

Get started with Shopware 6.6 frontend development quickly and efficiently

Check the details below

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.

3+

Hours of video

52

Lessons

253

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 199)
per year per individual
  • Full access to this course
  • More than 3+ hours of video
  • Student notes of 253+ pages
  • Learn at your own pace
Get direct access
On-Demand Bulk
€ 749
(USD 788)
per year per individual
  • Access to 47+ hours of Shopware courses
  • Student notes of 4325+ pages
  • Ideal if you want to grasp everything
Get direct access
On-Demand Premium
€ 2399
(USD 2526)
per year for an agency
  • Everything under On-Demand Bulk
  • Costing €9 per hour (or lower) per person
  • Continuously upgrade your teams knowledge
Get direct access

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
See our schedule below
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
Get in touch
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
Get in touch
background

Join our upcoming training in Baarn

Monday, November 4, 2024 - Thursday, November 7, 2024

Learn about this scheduled training

Schedule for live training

Date
Nov 4 - Nov 7
Training
Shopware Frontend Development Bootcamp
NL
Location
Yireo, Baarn, The Netherlands
Details
Learn more

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

  • 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
  • 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
  • Compiling custom NPM packages
  • Using theme variables in JavaScript
  • Dealing with Viewports in your Shopware JavaScript
  • JavaScript in the Storefront
  • Exercise: Compile JS sources
  • Adding JavaScript to your Shopware plugin
  • Exercise: Create a custom JS plugin
  • Using jQuery
  • Using plugin variables in JS
  • Debugging JavaScript
  • Overriding an existing JavaScript plugin
  • Overriding the OffCanvasCartPlugin options
  • Overriding Tiny Slider
  • Dealing with JavaScript events in Shopware 6
  • Common JavaScript utilities
  • Using AJAX in the Shopware storefront
  • Dealing with Viewports in your Shopware JavaScript
  • Using the DOM in your Shopware JS plugin
  • Webpack essentials
  • Adding NPM packages to your JavaScript plugin
  • Adding TypeScript
  • Introduction to Shopware Apps
  • App manifest.xml
  • Introduction to Shopware PWA
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 05m 44s
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

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

  • Junior frontend developers
  • Junior backend developers
kayne-spikker.jpg
Jisse understands how you can put your brain to work and keep you constantly on the edge of your seat
Kayne Spikker (Modern Minds)
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.

We recommend the following training flow

Shopware 6 Frontend Development I training

5h of videos 105 lessons
Option for in-house training
Level: Intermediate Type: Frontend Developer
Get started with Shopware 6.6 frontend development quickly and efficiently

Shopware 6 Frontend Development II training

3h of videos 52 lessons
Option for in-house training
Level: Expert Type: Frontend Developer
Get started with Shopware 6.6 frontend development quickly and efficiently

Shopware 6 Backend Development I training

7h of videos 66 lessons
Option for in-house training
Level: Intermediate Type: Backend Developer
A quick-paced but thorough coverage of Shopware 6 backend development

Shopware 6 Backend Development II training

No on-demand videos
Option for in-house training
Level: Expert Type: Backend Developer
Dive deeper into the Shopware 6 application
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)

Customer quotes

You will notice Jisse his knowledge and experience in just a few moments. Despite the many topics, there is still depth that gives you that little bit of extra information to improve your work. These courses are highly recommended! Tristan Nederhoff (Vendic)
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)
Jisse understands how you can put your brain to work and keep you constantly on the edge of your seat Kayne Spikker (Modern Minds)
Read more quotes of our customers

Related trainings

Shopware 6 Backend Development I training

7h of videos 66 lessons
Option for in-house training
Level: Intermediate Type: Backend Developer
A quick-paced but thorough coverage of Shopware 6 backend development

Shopware 6 PWA Development training

14h of videos 73 lessons
Option for in-house training
Level: Intermediate Type: Frontend Developer
Customize this Vue-based headless frontend at will
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

studio-emma.png
integer-net.png
igoo.png
bitbull.png
atwix.png
tig.png
accent-interactive.png
cedcommerce.png
mdl-online.png
eltrino.png
gracious.png
nordicwebteam.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).