background

Shopware PWA course

Customize this Vue-based headless frontend at will

Pick the learning method that fits you best

Because everyone has different needs

On Demand
259
for 1 year for 1 individual
  • Full access to 14+ hours of video
  • Student notes of 410+ pages
  • Learn at your own pace
Blended
369
for 1 year for 1 individual
  • Everything under On Demand
  • Teacher support via email & slack
  • Prioritized requests for new lessons
  • Get the personalized help that you need
On-Site
Custom
per training per agency
  • Everything under On Demand
  • Economical for groups of 5 and more
  • Freely debate company-specific topics
  • Online or on-site at your company
Jisse Reitsma

Your teacher Jisse Reitsma

Jisse is a familiar face in both the Magento community. Earlier, he wrote a book Programming Joomla Plugins. He is the founder of Yireo, lead developer of about 90 extensions, programming Magento 2 daily, playing with Laravel and Symfony, organizing developer events like MageTestFest and Reacticon. Earlier, he wrote a book Programming Joomla Plugins. And he also was part of the Zend Z-Team in 2015-2017. In other words: A real guru, the perfect man to give a professional development training.

Customize this Vue-based headless frontend at will

Shopware PWA offers a headless frontend for Shopware 6, based on the Vue Storefront Next framework. Thanks to Vue, customizing components both in look & feel and in functionality becomes a breeze. This training gives you a deep dive on how to practically get started with your Shopware 6 PWA frontend.

14.7+

Hours of video

73

Lessons

410

Pages

Watch a preview now

See for yourself

Introducing Shopware PWA
Shopware PWA installation
Composables in Shopware PWA

Or browse through all lessons in our courseware portal

We are constantly updating our courseware, but the following is a real-life snapshot
Vocabulary   04m 33s
Introducing Shopware PWA free 07m 04s
Development tools   06m 20s
Shopware PWA installation free 27m 47s
Configuration   11m 17s
Configuration of domains   07m 58s
Main commands   12m 37s
Different modes for going to production   09m 13s
`shopware-pwa plugins` command   06m 35s
Package overview   04m 40s
Combined sources   03m 44s
Vue basics   15m 12s
Simple counter   08m 50s
Dynamic listing   13m 12s
Composition API   16m 55s
Simple counter with the Composition API   07m 45s
`ref`, `reactive`, `computed` and `toRef`   14m 16s
Composables in Shopware PWA free 08m 18s
Watching values   04m 25s
Dealing with Vue slots   18m 37s
Vue state management   13m 27s
Vue partials  
Introduction of NuxtJS free 04m 49s
Installing NuxtJS   06m 06s
Nuxt.js theming free 13m 56s
Nuxt.js architecture   07m 08s
NuxtJS configuration   09m 45s
Nuxt.js modules   14m 25s
NuxtJS plugins   17m 46s
Customize routing   12m 01s
NuxtJS content module  
First steps into Shopware PWA theming   10m 13s
Creating layouts   07m 40s
View components   21m 25s
Overriding a component free 09m 04s
Working with Storefront UI   18m 50s
Override the footer   29m 42s
CSS styling   14m 10s
Adding Google fonts   06m 40s
Overriding Storefront UI components   07m 58s
Change meta-data   14m 20s
Creating a local plugin free 13m 22s
Using Shopware plugins in the PWA   32m 07s
Creating a Shopware plugin for PWA   13m 46s
Working with PWA slots   09m 13s
Extend the navigation menu   25m 13s
Adding layouts and pages via your PWA plugin   07m 47s
Overriding remote PWA plugins   09m 27s
Using settings in your plugin   20m 23s
Interacting with the Shopware APIs   16m 25s
shopware.stoplight.io   02m 18s
Examples of using the Store API   19m 19s
Setting API defaults   16m 10s
Using the API   21m 21s
Creating a Store API Route   30m 18s
First peek at CMS architecture free 21m 17s
Overriding a CMS Block   11m 28s
Overriding a CMS Element   10m 16s
CMS Jumbotron example   25m 40s
Customizing the category page   06m 06s
Customizing the product page   27m 21s
Using product functions   37m 29s
Checkout overview   15m 31s
disable-cart-notifications  
Interceptors  
Deployment   10m 45s
AJAX calls with SSR   19m 13s
Adding the right context  
Deployment with SSG  
Dealing with SSR  
Building a PWA without Shopware PWA   09m 48s
Troubleshooting  
Best practices  

These videos are available as an On-Demand video training (with notes). See the pricing for details.

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.

background background

Yireo could be the right partner for you

We have trained 5000+ developers in numerous disciplines since 2005

  • Professional training programs at affordable prices
  • Truely active with numerous open source projects in the community
  • Passionate, enthousiastic, knowledgable in the right combination

Training topics

Explore your topics of choice

Target group

Target group

  • Technical merchants
  • Frontend developers
Requirements

Requirements

  • Experience with Shopware 6 Admin Panel
  • Experience with Vue fundamentals (binding syntax, slots, routing, Vuex, perhaps even NuxtJS)
  • Skilled in JavaScript

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.

Some of the customers that we have trained in the past years

bold-commerce.png
twt.png
nordicwebteam.png
iodigital.png
vaimo.png
ecomwise.png
appcomm.jpg
evoworks.png
mediawave.png
webvisum.png
studio-emma.png
sqli.png