Get trained by Yireo on
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.
|Vocabulary||Introduction||00m 00s||09 Feb 2021||Get access|
|Introducing Shopware PWA||Introduction||07m 04s||09 Jul 2021||Watch for free|
|Development tools||Installation||00m 00s||06 Jul 2021||Get access|
|Shopware PWA installation||Installation||27m 47s||05 Jul 2021||Watch for free|
|Configuration||Installation||00m 00s||12 Jul 2021||Get access|
|Main commands||Installation||00m 00s||12 Jul 2021||Get access|
|Architecture introduction||Installation||00m 00s||05 Jul 2021||Get access|
|Vue basics||Vue essentials||00m 00s||10 Jul 2021||Get access|
|Composition API||Vue essentials||00m 00s||11 Jul 2021||Get access|
|Composables in Shopware PWA||Vue essentials||08m 18s||11 Jul 2021||Watch for free|
|Dealing with Vue slots||Vue essentials||00m 00s||11 Jul 2021||Get access|
|Vue state management||Vue essentials||00m 00s||12 Jul 2021||Get access|
|Introduction of NuxtJS||Working with Nuxt.js||04m 49s||05 Jul 2021||Watch for free|
|Installing NuxtJS||Working with Nuxt.js||00m 00s||11 Jul 2021||Get access|
|Nuxt.js theming||Working with Nuxt.js||13m 56s||11 Jul 2021||Watch for free|
|Nuxt.js architecture||Working with Nuxt.js||00m 00s||11 Jul 2021||Get access|
|NuxtJS configuration||Working with Nuxt.js||00m 00s||11 Jul 2021||Get access|
|Nuxt.js modules||Working with Nuxt.js||00m 00s||05 Jul 2021||Get access|
|NuxtJS plugins||Working with Nuxt.js||00m 00s||09 Jul 2021||Get access|
|First steps into Shopware PWA theming||Theming||00m 00s||11 Jul 2021||Get access|
|Customize routing||Theming||00m 00s||05 Jul 2021||Get access|
|Creating layouts||Theming||00m 00s||11 Jul 2021||Get access|
|View components||Theming||00m 00s||11 Jul 2021||Get access|
|Overriding a component||Theming||09m 04s||05 Jul 2021||Watch for free|
|Working with Storefront UI||Theming||00m 00s||09 Jul 2021||Get access|
|Override the footer||Theming||00m 00s||12 Jul 2021||Get access|
|CSS styling||Theming||00m 00s||09 Jul 2021||Get access|
|google-fonts||Theming||00m 00s||09 Jul 2021||Get access|
|Creating a local plugin||PWA plugins||13m 22s||05 Jul 2021||Watch for free|
|Using Shopware plugins in the PWA||PWA plugins||32m 07s||13 Jul 2021||Get access|
|Creating a Shopware plugin for PWA||PWA plugins||13m 46s||11 Jul 2021||Get access|
|Extend the navigation menu||PWA plugins||00m 00s||05 Jul 2021||Get access|
|Working with PWA slots||PWA plugins||00m 00s||08 Jul 2021||Get access|
|Interaction with the REST API||API communication||00m 00s||13 Jul 2021||Get access|
|Examples of using the Store API||API communication||19m 19s||09 Jul 2021||Get access|
|Setting API defaults||API communication||00m 00s||13 Jul 2021||Get access|
|Using the API||API communication||00m 00s||13 Jul 2021||Get access|
|Creating a Store API Route||API communication||00m 00s||08 Jul 2021||Get access|
|First peek at CMS architecture||Working with the CMS||21m 17s||13 Jul 2021||Watch for free|
|Creating a custom CMS Block||Working with the CMS||00m 00s||09 Jul 2021||Get access|
|CMS Jumbotron example||Working with the CMS||00m 00s||11 Jul 2021||Get access|
|Customizing the category page||Customizing the theme||00m 00s||09 Jul 2021||Get access|
|Using product composables||Customizing the theme||00m 00s||11 Jul 2021||Get access|
|ajax-call||Customizing the theme||00m 00s||11 Jul 2021||Get access|
|Customizing the category page||Customizing the theme||00m 00s||11 Jul 2021||Get access|
|Checkout overview||Customizing the theme||00m 00s||09 Jul 2021||Get access|
|Interceptors||11-advanced||00m 00s||09 Jul 2021||Get access|
|Adding the right context||Shopware PWA in production||00m 00s||09 Jul 2021||Get access|
|Deployment||Shopware PWA in production||00m 00s||13 Jul 2021||Get access|
|Deployment with SSG||Shopware PWA in production||00m 00s||09 Jul 2021||Get access|
|Dealing with SSR||Shopware PWA in production||00m 00s||11 Jul 2021||Get access|
Full access to all videos and other coursematerial is available for attendees of live trainings.
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.
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 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.
Experience with Shopware 6 Admin Panel
Experience with Vue fundamentals (binding syntax, slots, routing, Vuex, perhaps even NuxtJS)
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.
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).
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.
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.