background

PWA Studio cursus

Een goed overzicht van Venia, Peregrine, UPWARD en nog veel meer

Een goed overzicht van Venia, Peregrine, UPWARD en nog veel meer

Adobe PWA Studio is springlevend: Het is echter geen one-click oplossing. Maar dat is ook niet het doel: Het dient als raamwerk voor React-ontwikkelaars om hun eigen GraphQL-gedreven frontend voor Magento te bouwen, met de bibliotheken binnen PWA Studio als springplank. Deze training begeleidt je in het werken met PWA Studio en zijn elementen.

9+

Video uren

63

Lessen

351

Pagina's

Jisse Reitsma

Jouw docent Jisse Reitsma

Jisse Reitsma is de belangrijkste man achter Yireo. Auteur, trainer en ontwikkelaar. Hij is bestuurslid van Mage-OS Nederland en drie keer Magento Master.

Kies jouw On-Demand Magento video cursus

En je kan direct aan de slag

On-Demand Preview
0
(USD 0)
No strings attached
  • Toegang tot 17 voorbeeldlessen
  • Toegang tot 222++ minuten aan video
  • Student notes waar beschikbaar
  • Gratis toegang totdat je de diepte in wilt
On-Demand Solo
259
(USD 272)
per jaar per individu
  • Volledige toegang tot deze cursus
  • Toegang tot 9+ uur aan video materiaal
  • Cursusnotities van 351+ paginas
  • Leer op jouw eigen tempo
On-Demand Bulk
1249
(USD 1315)
per jaar per individu
  • Toegang tot 93+ uur aan Magento cursussen
  • Cursusnotities van 5212+ paginas
  • Ideaal als je alles wilt leren

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

Magento cursus onderwerpen

Krijg een indruk van onze training

  • Introducing PWA
  • Other PWA providers
  • PWA Studio and extensibility
  • Status of Magento GraphQL
  • Architectural choices
  • Hybrid React solutions
  • Introduction to PWA Studio
  • React essentials
  • Redux essentials
  • Introducing Apollo Client
  • Getting started with Apollo Client
  • Making Apollo calls
  • Including GraphQL files
  • Apollo Client v3
  • Minimum requirements
  • Development tools
  • Prepare your Magento instance
  • Installing PWA Studio
  • First look at PWA Studio
  • Configuring PWA Studio
  • Reviewing the .env file
  • Upgrading PWA Studio
  • Overview of Buildpack
  • Introducing Venia
  • Extending Venia
  • Overriding components with the Fooman resolver
  • Changing the logo
  • Using prices
  • mergeClasses
  • Adding a new route
  • Working with the Mask component
  • Toasting
  • Best practices with Venia
  • Checkout in Venia
  • CSS strategies
  • Adding a custom Store View
  • Page Builder integration
  • Peregrine overview
  • App or RootComponent?
  • Talons of Peregrine
  • Example with product talon
  • Routing in PWA Studio
  • Context within PWA Studio
  • Redux within PWA Studio
  • Build it without Venia
  • Implementing Venia and Peregrine partially
  • Target interception
  • Creating a target interceptor
  • Trusted vendors
  • Venia UI targets
  • Peregrine targets
  • Buildpack targets
  • Targetables
  • Declaring custom targets
  • PWA Studio extensions
  • Overview of UPWARD
  • Running UPWARD
  • UPWARD YAML configuration
  • Automatic image optimization
  • Running Venia without UPWARD
  • In production
  • Server Side Rendering
  • Summarizing Magento PWA Studio
Deze cursus is up-to-date gebracht voor compatibiliteit met React 18 en Magento 2.4.7-p1

Bekijk nu een preview

Zien is geloven

Introducing PWA
Other PWA providers
PWA Studio and extensibility

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
Introducing PWA free 18m 05s
Other PWA providers free 10m 46s
PWA Studio and extensibility free 12m 14s
Status of Magento GraphQL free 08m 50s
Architectural choices free 16m 43s
Hybrid React solutions 12m 08s
Introduction to PWA Studio free 16m 32s
React essentials free 09m 49s
Redux essentials free 10m 51s
Introducing Apollo Client 08m 56s
Getting started with Apollo Client 16m 10s
Making Apollo calls free 12m 12s
Including GraphQL files 15m 32s
Apollo Client v3
Minimum requirements free 08m 59s
Development tools 05m 31s
Prepare your Magento instance 11m 43s
Installing PWA Studio 16m 27s
First look at PWA Studio 11m 38s
Configuring PWA Studio 13m 40s
Reviewing the .env file 07m 19s
Upgrading PWA Studio 15m 03s
Overview of Buildpack 08m 48s
Introducing Venia free 18m 35s
Extending Venia free 27m 04s
Overriding components with the Fooman resolver 11m 23s
Changing the logo 11m 16s
Using prices 02m 58s
mergeClasses 08m 08s
Adding a new route 07m 07s
Working with the Mask component 17m 19s
Toasting 04m 54s
Best practices with Venia
Checkout in Venia 14m 40s
CSS strategies
Adding a custom Store View
Page Builder integration
Peregrine overview 04m 43s
App or RootComponent?
Talons of Peregrine 09m 59s
Example with product talon 07m 51s
Routing in PWA Studio 05m 46s
Context within PWA Studio 13m 36s
Redux within PWA Studio 11m 17s
Build it without Venia 11m 04s
Implementing Venia and Peregrine partially 09m 40s
Target interception 05m 06s
Creating a target interceptor free 08m 16s
Trusted vendors
Venia UI targets 09m 02s
Peregrine targets 09m 09s
Buildpack targets 09m 19s
Targetables 11m 08s
Declaring custom targets
PWA Studio extensions
Overview of UPWARD free 09m 46s
Running UPWARD free 12m 06s
UPWARD YAML configuration 09m 57s
Automatic image optimization free 09m 29s
Running Venia without UPWARD free 12m 39s
In production 09m 43s
Server Side Rendering 16m 03s
Summarizing Magento PWA Studio 01m 59s

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 React 18 en Magento 2.4.7-p1
Target group

Doelgroep

  • Webdesigners
  • Frontend ontwikkelaars
  • Programmeurs
rick-bouma.jpg
De training was top! We hebben alle golden nuggets geleerd, duidelijk en toegankelijk gepresenteerd. Essentieel voor iedereen die met Magento werkt of gaat werken!
Rick Bouma (Epartment)
Requirements

Vereisten

  • Vaardig in HTML, CSS en JavaScript
  • Bedreven in React (props, local state, hooks, routing, levenscyclus)
  • Bedreven in ES6 syntax (arrow functions, destructors, let/const)
  • React kunnen draaien op je lokale omgeving
  • Enige kennis van Redux, Apollo Client en GraphQL is aanbevolen

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.

roy-van-os.jpg
Jisse geeft gave trainingen waar je in de praktijk goed gebruik van kunt maken. Naast dat het informatief is, is het ook nog eens leuk om naar te luisteren.
Roy van Os (Active Ants)

Quotes van klanten

Gestructureerde training waardoor mijn algemene kennis van e-commerce en Magento is verbreed. Doel behaald! Erwin de Groot (Vendic)
De kennis en ervaring van Jisse merk je in enkele ogenblikken. Ondanks de vele onderwerpen toch de diepgang die je nét dat beetje extra informatie geeft om je werk beter te kunnen. Deze cursussen zijn echt aanraders! Tristan Nederhoff (Vendic)
Tijdens mijn ontwikkelingscarrière heb ik gebruik gemaakt van het volledige aanbod van Yireo, zowel on-demand cursussen als klassikale cursussen. De cursussen van Yireo bieden mij net dat extraatje dat geen enkele andere cursus tot nu toe heeft kunnen bieden: de aanmoediging om buiten de gebaande paden te denken Isolde van Oosterhout (Sols Webdesign)
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

glue.jpg
emico.png
intersales.png
netresearch.png
ebizmarts.png
vicus.png
bigbridge.png
isaac.png
ziggo.png
kickbyte.png
flint-studios.jpg
exxtra.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.