background

Shopware PWA cursus

Pas deze op Vue gebaseerde headless frontend naar wens aan

Pas deze op Vue gebaseerde headless frontend naar wens aan

Shopware PWA biedt een headless frontend voor Shopware 6, gebaseerd op het Vue Storefront Next framework. Dankzij Vue wordt het aanpassen van componenten, zowel qua look & feel als qua functionaliteit, een fluitje van een cent. Deze training geeft je een diepgaande duik in hoe je praktisch aan de slag kunt gaan met Shopware 6 PWA frontends.

14+

Video uren

73

Lessen

410

Pagina's

Jisse Reitsma

Jouw docent Jisse Reitsma

Jisse is een bekend gezicht in de Shopware community. Hij beheert een aantal kleinschalige Shopware extensies, maar is vooral bekend van de officiele developer videos (24 uur) die hij voor Shopware zelf heeft gemaakt. Daarnaast heeft hij aan de basis gestaan van het officiele Shopware trainings curriculum. En hij organiseert regelmatig hackathons voor Shopware developers: Een echte goeroe, de perfecte man om een professionele development training te geven.

Kies jouw On-Demand Shopware video cursus

En je kan direct aan de slag

On-Demand Solo
0
(USD 0)
per jaar per individu
  • Volledige toegang tot deze cursus
  • Toegang tot 14+ uur aan video materiaal
  • Cursusnotities van 410+ paginas
  • Leer op jouw eigen tempo
On-Demand Bulk
749
(USD 788)
per jaar per individu
  • Toegang tot 47+ uur aan Shopware cursussen
  • Cursusnotities van 4325+ paginas
  • Ideaal als je alles wilt leren
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

Of ga voor een docent-gestuurde sessie

Omdat iedereen andere wensen heeft

Agency
In-House
per training per agency
  • Alles onder On-Demand Standard
  • Economisch voor groepen van 5 of meer
  • Bespreek bedrijfsspecifieke problematiek
  • Op locatie bij jouw eigen kantoor
Agency
Online
per training per agency
  • Alles onder On-Demand Standard
  • Ideaal voor online of hybride teams
  • Recordings achteraf beschikbaar
  • Online via Zoom, Teams of dergelijks

Shopware cursus onderwerpen

Krijg een indruk van onze training

  • Vocabulary
  • Introducting Shopware PWA
  • Development tools
  • Shopware PWA installation
  • Configuration
  • Configuration of domains
  • PWA commands
  • Different modes for going to production
  • shopware-pwa plugins command
  • Package overview
  • Combined sources
  • Vue basics
  • Simple counter
  • Dynamic listing
  • Composition API
  • Simple counter with the Composition API
  • ref, reactive, computed and toRef
  • Composables in Shopware PWA
  • Watching values
  • Dealing with Vue slots
  • State management
  • Vue partials
  • Nuxt.js introduction
  • Installing Nuxt.js
  • Nuxt.js theming
  • Nuxt.js architecture
  • NuxtJS Configuration
  • Nuxt.js modules
  • NuxtJS plugins
  • Customize routing
  • NuxtJS content module
  • First steps into Shopware PWA theming
  • Creating page layouts
  • Views
  • Overriding a component
  • Working with Storefront UI
  • Override the footer
  • CSS styling
  • Addding Google fonts
  • Overriding Storefront UI components
  • Change meta-data
  • Creating a local plugin
  • Using Shopware plugins in the PWA
  • Creating a Shopware plugin for PWA
  • Working with PWA slots
  • Extend the navigation menu
  • Adding layouts and pages via your PWA plugin
  • Overriding remote PWA plugins
  • Using settings in your plugin
  • Interacting with the Shopware APIs
  • shopware.stoplight.io
  • Examples of using the Store API
  • Setting API defaults
  • Using the API
  • Creating a Store API Route
  • First peek at CMS architecture
  • Overriding a CMS Block
  • Overriding a CMS Element
  • Jumbotron example
  • Customizing the category page
  • Customizing the product page
  • Using product functions
  • Checkout overview
  • Disable cart notifications
  • Interceptors
  • Deployment
  • AJAX calls with SSR
  • Adding the right context
  • Deployment with SSG
  • Deployment with SSR
  • Building a PWA without Shopware PWA
  • Troubleshooting
  • Best practices
Deze cursus is up-to-date gebracht voor compatibiliteit met Shopware 6.6 en Vue 3

Of blader door al onze lessen in ons cursusportaal

We zijn continue bezig met het updaten van ons cursusmateriaal, maar het volgende is een real-life snapshot
Vocabulary 04m 33s
Introducting Shopware PWA 07m 04s
Development tools 06m 20s
Shopware PWA installation 27m 47s
Configuration 11m 17s
Configuration of domains 07m 58s
PWA 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 08m 18s
Watching values 04m 25s
Dealing with Vue slots 18m 37s
State management 13m 27s
Vue partials
Nuxt.js introduction 04m 49s
Installing Nuxt.js 06m 06s
Nuxt.js theming 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 page layouts 07m 40s
Views 21m 25s
Overriding a component 09m 04s
Working with Storefront UI 18m 50s
Override the footer 29m 42s
CSS styling 14m 10s
Addding Google fonts 06m 40s
Overriding Storefront UI components 07m 58s
Change meta-data 14m 20s
Creating a local plugin 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 21m 17s
Overriding a CMS Block 11m 28s
Overriding a CMS Element 10m 16s
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
Deployment 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.

Deze cursus is up-to-date gebracht voor compatibiliteit met Shopware 6.6 en Vue 3
Target group

Doelgroep

  • Technische merchants
  • Frontend developers
kayne-spikker.jpg
Jisse snapt hoe die je brein aan het werk kan zetten, en je constant op het puntje van je stoel zit.
Kayne Spikker (Modern Minds)
Requirements

Vereisten

  • Ervaring met Shopware 6 Administration panel
  • Ervaring met Vue-fundamentals (binding syntax, slots, routing, Vuex, misschien zelfs NuxtJS)
  • Vaardig in JavaScript

We geven jou deze opties

Bij jullie of bij ons?

Iedereen leert in haar/zijn eigen tempo. Wij verzorgen zowel interne trainingen als publieke trainingen door heel Europa - wat het beste bij uw team past. Wanneer er 3 of meer ontwikkelaars aanwezig zijn, is een training op maat vaak voordeliger. Neem contact met ons op voor meer informatie.

Je krijgt cursusmateriaal

Bij elke workshop wordt officieel Yireo cursusmateriaal meegeleverd. Deelnemers ontvangen na de training een digitale versie van dit materiaal. Het bevat dia's, commentaar en referenties. Bovendien bevatten onze GitHub repositories nog veel meer codevoorbeelden.

Online klaslokalen

Online trainingen zijn ook onze trainingen: Via Zoom- of Google Hangout-sessies kan onze docent connecteren met jouw team. Het voordeel hiervan is dat het team ook zelf vanaf verschillende plekken verbinding kan maken, tijdsframes zijn flexibeler. Na afloop wordt ter referentie een video-opname met alle aanwezigen gedeeld.

On-demand training in eigen tempo

Deze training is ook beschikbaar als On-Demand training: Via talrijke videolessen, inclusief begeleidende aantekeningen van de leerling (wat gelijk staat aan een boek op zichzelf), leer je in je eigen tempo over de onderwerpen. En als je vragen tegenkomt, kun je terugvallen op de begeleiding van de docent.

isolde-van-oosterhout.jpg
Jisse daagt mijn denken uit door vragen te stellen tijdens de cursus, edge case-implementaties te laten zien en te wijzen op de verschillende hindernissen waarmee rekening moet worden gehouden bij het ontwikkelen van software.
Isolde van Oosterhout (Sols Webdesign)

Quotes van klanten

Jisse legt op een begrijpelijk manier de relevante techniek uit waar je in praktijk veel aan hebt. De training is intensief, op hoog niveau en van grote toegevoegde waarde omdat belangrijke concepten helder gemaakt worden en je veel bruikbare tips krijgt. Oscar Hilbelink (Madia)
Een spoedcursus van Yireo is als een Neo die Kung Fu leert Tjitse Efdé (Vendic)
Jisse snapt hoe die je brein aan het werk kan zetten, en je constant op het puntje van je stoel zit. Kayne Spikker (Modern Minds)
Bekijk nog meer quotes van onze klanten
background

Yireo kan de juiste partner voor jullie zijn

We hebben meer dan 5000 developers in verschillende disciplines onderwezen sinds 2005

  • Professionele trainingen tegen betaalbare prijzen
  • Echt actief met tal van vrijwillige projecten in de gemeenschap
  • Trainings, bootcamps, hackathons, events
  • Gepassioneerd, enthousiast, goed geïnformeerd

Een paar klanten die we hielpen met training in afgelopen jaren

kickbyte.png
starring-jane.png
bitbull.png
modernminds.png
pinpoint-design.png
gerrits.png
gemaco.png
eltrino.png
netz98.png
starapple.png
cti-digital.png
pushon.png
Bekijk een meer compleet overzicht van onze klanten

Veelgestelde vragen

Er is een minimum aantal deelnemers vermeld. Wat betekent dit?

De training wordt alleen in een fysiek klaslokaal gegeven als er een minimum aantal deelnemers is. Dit aantal is meestal 4, maar soms brengen we dit terug naar 2 of 3. Dit minimum aantal betekent simpelweg dat - als een les niet "vol" is - je óf jouw geld terugkrijgt óf jouw ticket wordt overgezet naar een andere datum. Bij On-Demand cursussen (videocursussen) is dit aantal niet van toepassing.