background

PWA Studio course

A proper outline of Venia, Peregrine, UPWARD and much much more

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 9+ hours of video
  • Student notes of 351+ 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

A proper outline of Venia, Peregrine, UPWARD and much much more

Adobe PWA Studio is alive and kicking: It is not a one-click solution though. But that's not its goal either: It serves as a framework for React developers to build their own GraphQL-driven frontend for Magento, using the libraries within PWA Studio as a jumping point. This training guides you into working with PWA Studio and its elements.

10+

Hours of video

63

Lessons

351

Pages

Watch a preview now

See for yourself

Introducing PWA
Other PWA providers
PWA Studio and extensibility

Or browse through all lessons in our courseware portal

We are constantly updating our courseware, but the following is a 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 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
Conclusion   01m 59s

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

  • Webdesigners
  • Frontend developers
  • Programmers
Requirements

Requirements

  • Skilled in HTML, CSS and JavaScript
  • Skilled with React (props, local state, hooks, routing, life-cycle)
  • Skilled in ES6 syntax (arrow functions, destructors, let/const)
  • Ability to run React on your local environment
  • Some knowledge of Redux, Apollo Client and GraphQL is recommended

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

intersales.png
hawkridgesys.png
elgentos.png
pon-bike.png
enobis.jpg
iclicks.png
emico.png
happy-horizon.png
ekomurz.png
isaac.png
gerrits.png
ecomwise.png