Yireo - Developer training

Open main menu

Get trained by Yireo on

Shopware PWA

Customize this Vue-based headless frontend at will

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.

Jisse Reitsma

Jisse Reitsma is your teacher and guide

This training will be held with Jisse Reitsma as your guide. Jisse is the founder of Yireo, three times Magento Master, partner of ExtDN, trainer and author. He is one of those Magento developers crossing over to Shopware, and with that, he brings a wealth of enterprise e-commerce experience with him. He has already helped out the Shopware community with a large collection of free developer videos, is active in the Vue Storefront community, works actively with Symfony. Want to learn more about Shopware 6? Jisse is there to help you out!

Match your agenda with our schedule

Get ready to expand your knowledge

Check out our online agenda for more courses and events. If you would be interested in a custom in-company training, feel free to contact us. We are happy to organize an in-house or online training for you.

Current video lessons in one single view

We are constantly updating our courseware, but the following is a real-life snapshot

LessonChapterVideo lengthCreatedAction
Vocabulary   Introduction00m 00s09 Feb 2021Get access
Introducing Shopware PWA Introduction07m 04s09 Jul 2021Watch for free
Development tools   Installation00m 00s06 Jul 2021Get access
Shopware PWA installation Installation27m 47s05 Jul 2021Watch for free
Configuration   Installation00m 00s12 Jul 2021Get access
Main commands   Installation00m 00s12 Jul 2021Get access
Architecture introduction   Installation00m 00s05 Jul 2021Get access
Vue basics   Vue essentials00m 00s10 Jul 2021Get access
Composition API   Vue essentials00m 00s11 Jul 2021Get access
Composables in Shopware PWA Vue essentials08m 18s11 Jul 2021Watch for free
Dealing with Vue slots   Vue essentials00m 00s11 Jul 2021Get access
Vue state management   Vue essentials00m 00s12 Jul 2021Get access
Introduction of NuxtJS Working with Nuxt.js04m 49s05 Jul 2021Watch for free
Installing NuxtJS   Working with Nuxt.js00m 00s11 Jul 2021Get access
Nuxt.js theming Working with Nuxt.js13m 56s11 Jul 2021Watch for free
Nuxt.js architecture   Working with Nuxt.js00m 00s11 Jul 2021Get access
NuxtJS configuration   Working with Nuxt.js00m 00s11 Jul 2021Get access
Nuxt.js modules   Working with Nuxt.js00m 00s05 Jul 2021Get access
NuxtJS plugins   Working with Nuxt.js00m 00s09 Jul 2021Get access
First steps into Shopware PWA theming   Theming00m 00s11 Jul 2021Get access
Customize routing   Theming00m 00s05 Jul 2021Get access
Creating layouts   Theming00m 00s11 Jul 2021Get access
View components   Theming00m 00s11 Jul 2021Get access
Overriding a component Theming09m 04s05 Jul 2021Watch for free
Working with Storefront UI   Theming00m 00s09 Jul 2021Get access
Override the footer   Theming00m 00s12 Jul 2021Get access
CSS styling   Theming00m 00s09 Jul 2021Get access
google-fonts   Theming00m 00s09 Jul 2021Get access
Creating a local plugin PWA plugins13m 22s05 Jul 2021Watch for free
Using Shopware plugins in the PWA   PWA plugins32m 07s13 Jul 2021Get access
Creating a Shopware plugin for PWA   PWA plugins13m 46s11 Jul 2021Get access
Extend the navigation menu   PWA plugins00m 00s05 Jul 2021Get access
Working with PWA slots   PWA plugins00m 00s08 Jul 2021Get access
Interaction with the REST API   API communication00m 00s13 Jul 2021Get access
Examples of using the Store API   API communication19m 19s09 Jul 2021Get access
Setting API defaults   API communication00m 00s13 Jul 2021Get access
Using the API   API communication00m 00s13 Jul 2021Get access
Creating a Store API Route   API communication00m 00s08 Jul 2021Get access
First peek at CMS architecture Working with the CMS21m 17s13 Jul 2021Watch for free
Creating a custom CMS Block   Working with the CMS00m 00s09 Jul 2021Get access
CMS Jumbotron example   Working with the CMS00m 00s11 Jul 2021Get access
Customizing the category page   Customizing the theme00m 00s09 Jul 2021Get access
Using product composables   Customizing the theme00m 00s11 Jul 2021Get access
ajax-call   Customizing the theme00m 00s11 Jul 2021Get access
Customizing the category page   Customizing the theme00m 00s11 Jul 2021Get access
Checkout overview   Customizing the theme00m 00s09 Jul 2021Get access
Interceptors   11-advanced00m 00s09 Jul 2021Get access
Adding the right context   Shopware PWA in production00m 00s09 Jul 2021Get access
Deployment   Shopware PWA in production00m 00s13 Jul 2021Get access
Deployment with SSG   Shopware PWA in production00m 00s09 Jul 2021Get access
Dealing with SSR   Shopware PWA in production00m 00s11 Jul 2021Get access

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

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.

Why Yireo?

  • Professional trainings at affordable prices
  • Active with numerous open source projects
  • Passionate, enthousiastic, knowledgable

We have trained 5000+ developers in numerous disciplines since 2005

Training topics

  • Vocabulary
  • Introducing Shopware PWA
  • Development tools
  • Shopware PWA installation
  • Configuration
  • Main commands
  • Architecture introduction
  • Vue basics
  • Composition API
  • Composables in Shopware PWA
  • Dealing with Vue slots
  • Vue state management
  • Introduction of NuxtJS
  • Installing NuxtJS
  • Nuxt.js theming
  • Nuxt.js architecture
  • NuxtJS configuration
  • Nuxt.js modules
  • NuxtJS plugins
  • First steps into Shopware PWA theming
  • Customize routing
  • Creating layouts
  • View components
  • Overriding a component
  • Working with Storefront UI
  • Override the footer
  • CSS styling
  • google-fonts
  • Creating a local plugin
  • Using Shopware plugins in the PWA
  • Creating a Shopware plugin for PWA
  • Extend the navigation menu
  • Working with PWA slots
  • Interaction with the REST API
  • Examples of using the Store API
  • Setting API defaults
  • Using the API
  • Creating a Store API Route
  • First peek at CMS architecture
  • Creating a custom CMS Block
  • CMS Jumbotron example
  • Customizing the category page
  • Using product composables
  • ajax-call
  • Customizing the category page
  • Checkout overview
  • Interceptors
  • Adding the right context
  • Deployment
  • Deployment with SSG
  • Dealing with SSR

Audience

Technical merchants
Frontend developers

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 when there is a 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.

Jisse Reitsma

The teacher: Jisse Reitsma

Thus it came to be

When Jisse started with Magento, he already had years of experience programming in Joomla (back in the days when Joomla was actually the #1 CMS - believe it or not). Back then, open source cart solutions were lacking and Magento 1.0 brought a lot of hope.

Quickly Jisse dived into the new architecture: In 2009, he built his first extensions, among which the fundaments of a bridge between Joomla and Magento (MageBridge) and various project-specific extensions (among which payment providers and custom MVC/EAV modules).

A relieve

Over the years, he experienced what most Magento developers experienced with M1: A lot of power, but also frustration. After a couple of years, it no longer was cutting-edge and it barely adopted new developer standards. When the new Magento 2.0 alpha 1 came out, Jisse started playing with it. And he was relieved to see modern tools in its architecture: Composer, PHP namespacing, testability, CLI-driven management, proper design patterns.

Again, after building some modules and dummy projects, the first Magento 2 developer training was given in January 2017 (two months after the official release) and numerous M2 trainings have followed for both backend developers, frontend developers and devops.

Frontend sagas

Currently, with Magento 2 being several years old now, the fuzz is no longer about its backend architecture: It is the frontend that matters. Jisse has given numerous frontend development trainings, where people complain about LESS (and not SASS) being used, loading times to be slow (while in fact M2 allows for enough tuning to make it bloody fast), an archaic combo of Knockout/RequireJS (while they both serve their purpose in regards to backwards compatibility).

PWA is the new keyword. Jisse has dived into React, Redux & service workers in combination with GraphQL and NodeJS tools. He is currently working in various initiatives to help developers embrace the new frontend stack (ExtDN, Vue Storefront, DEITY). Also, he has added Docker and Kubernetes to his vocabulary.

As of yet, it is fair to say that Magento holds little surprises for Jisse. He is your guy to train you or your developers properly in both backend and frontend technology.

Extensions

GitHub organizations

Legal information

Other Yireo sites

Get Social

About Yireo