Yireo - Developer training

Open main menu

Get trained by Yireo

Magento 2 Frontend Development: PWA Studio training

Join our Magento 2 Frontend Development: PWA Studio training

Join our Magento 2 Frontend Development: PWA Studio training

Magento PWA Studio is as good as finished: Perhaps it is not a one-click solution. 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.

Jisse Reitsma

Your teacher will be Jisse Reitsma

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. Since 2017, Jisse has been developing in React, building various smallish React apps, working with Magento PWA Studio, building the Yireo courseware portal in React and many other things. He is your man when it comes to exploring the possibilities of React.

Pick the online method that fits you best

Because everyone has different needs

 

On Demand

  • 64 videos with 12 hours of content
  • Full student notes (200+ pages)
  • Teacher guidance via email
  • Accessible at any moment
  • Learn at your own pace
189
per year per individual

Blended Learning

  • Everything under On Demand
  • Teacher guidance via email & slack
  • Personal session of maximum 1 hour
  • Get a personal focus of the teacher
299
per year per individual

Online Classroom

  • Everything under On Demand
  • Instructor-led Zoom training
  • Benefit from a real-time interaction
  • Ask any question that you have
369
per training per individual

... or go offline with us

Ideal for groups

On-site Classroom

  • Everything under On Demand
  • Instructor-led live training
  • Benefit from a real-time interaction
  • Ask any question that you have
629
per training per individual

Custom Training

  • Everything under In-person training
  • Economical for groups of 5 and more
  • Freely debate company-specific topics
  • Online or on-site at your company

Custom pricing

per training

Educational Subscription

  • Dedicated time per month
  • Economical for groups of 5 and more
  • Freely debate company-specific topics
  • Online or on-site at your company

Custom pricing

per quarter

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.

All lessons in one view

Introducing PWA
Created: 17 May 2021
Length: 18:05
Other PWA providers
Created: 17 May 2021
Length: 10:46
PWA Studio and extensibility
Created: 17 May 2021
Length: 12:14
Status of Magento GraphQL
Created: 17 May 2021
Length: 08:50
Architectural choices
Created: 17 May 2021
Length: 16:43
Hybrid React solutions
Created: 17 May 2021
Length: 12:08
Introduction to PWA Studio
Created: 17 May 2021
Length: 16:32
React essentials
Created: 17 May 2021
Length: 09:49
Redux essentials
Created: 17 May 2021
Length: 10:51
Introducing Apollo client
Created: 17 May 2021
Length: 08:56
Getting started with Apollo Client
Created: 18 May 2021
Length: 16:10
Making Apollo calls
Created: 18 May 2021
Length: 12:12
Including GraphQL files
Created: 18 May 2021
Length: 15:32
Introduction to GraphQL
Created: 15 Apr 2021
Length: 07:14
GraphQL clients
Created: 15 Apr 2021
Length: 19:04
GraphQL queries
Created: 20 Apr 2021
Length: 16:19
GraphQL mutations
Created: 20 Apr 2021
Length: 12:53
GraphQL call types
Created: 20 Apr 2021
Length: 07:54
GraphQL fragments
Created: 29 May 2021
Length: 11:42
Introducing the Magento GraphQL API
Created: 20 Apr 2021
Length: 10:11
Adding a custom GraphQL endpoint
Created: 20 Apr 2021
Length: 18:54
Extending the GraphQL storeConfig endpoint
Created: 20 Apr 2021
Length: 17:41
Minimum requirements
Created: 18 May 2021
Length: 08:59
Development tools
Created: 18 May 2021
Length: 05:31
Prepare your Magento instance
Created: 18 May 2021
Length: 11:43
Installing PWA Studio
Created: 18 May 2021
Length: 16:27
First look at PWA Studio
Created: 18 May 2021
Length: 11:38
Configuring PWA Studio
Created: 18 May 2021
Length: 13:40
Reviewing the .env file
Created: 19 May 2021
Length: 07:19
Upgrading PWA Studio
Created: 19 May 2021
Length: 15:03
Overview of Buildpack
Created: 19 May 2021
Length: 08:48
Introducing Venia
Created: 26 May 2021
Length: 18:35
Extending Venia
Created: 19 May 2021
Length: 27:04
Overriding components with the Fooman resolver
Created: 20 May 2021
Length: 11:23
Changing the logo
Created: 20 May 2021
Length: 11:16
Using prices
Created: 20 May 2021
Length: 02:58
mergeClasses
Created: 20 May 2021
Length: 08:08
Adding a new route
Created: 21 May 2021
Length: 07:07
Working with the Mask component
Created: 21 May 2021
Length: 17:19
Toasting
Created: 21 May 2021
Length: 04:54
Checkout in Venia
Created: 21 May 2021
Length: 14:40
Peregrine overview
Created: 21 May 2021
Length: 04:43
Talons of Peregrine
Created: 21 May 2021
Length: 09:59
Example with product talon
Created: 21 May 2021
Length: 07:51
Routing in PWA Studio
Created: 21 May 2021
Length: 05:46
Context within PWA Studio
Created: 21 May 2021
Length: 13:36
Redux within PWA Studio
Created: 24 May 2021
Length: 11:17
Build it without Venia
Created: 24 May 2021
Length: 11:04
Implementing Venia and Peregrine partially
Created: 25 May 2021
Length: 09:40
Target interception
Created: 25 May 2021
Length: 05:06
Creating a target interceptor
Created: 25 May 2021
Length: 08:16
Venia targets
Created: 25 May 2021
Length: 09:02
Peregrine targets
Created: 25 May 2021
Length: 09:09
Buildpack targets
Created: 29 May 2021
Length: 09:19
Targetables
Created: 29 May 2021
Length: 11:08
Overview of UPWARD
Created: 29 May 2021
Length: 09:46
Running UPWARD
Created: 29 Apr 2021
Length: 12:06
UPWARD YAML configuration
Created: 29 Apr 2021
Length: 09:57
Automatic image optimization
Created: 29 Apr 2021
Length: 09:29
Running Venia without UPWARD
Created: 29 Apr 2021
Length: 12:39
In production
Created: 29 Apr 2021
Length: 09:43
Server Side Rendering
Created: 29 Apr 2021
Length: 16:03
Conclusion
Created: 29 Apr 2021
Length: 01:59

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.

This training is part of the following series

so that we'll be able to guide you all the way, step by step

Magento 2 Frontend Development: PWA Studio

Preview some of our training videos

Get a taste of what you'll sign up for

We are working on making every training available as a self-paced online video course in 2021. So stay tuned!

Why Yireo?

  • Professional trainings at affordable prices
  • Highly involved in the Magento community
  • Passionate, enthousiastic, knowledgable

We have trained 1400+ Magento developers since 2009

Training topics

  • Overview of PWA Studio
  • React & TypeScript & Redux & Apollo basics
  • Peregrine library
  • Venia theme
  • UPWARD, theory and practice
  • Going to production with PWA Studio
  • Playing with GraphQL and GraphiQL
  • Creating new Magento GraphQL endpoints
  • Extending existing Magento GraphQL endpoints
  • Best practices for working with PWA Studio

What do you get with this training:

You'll get a copy of the course materials, including slides, student notes, plus the code used during the training.

No labs. Additional guidance instead.

During the day, there will be no lab exercises. We will focus on knowledge transfer only and be as efficient as possible with the available time. Applying the knowledge in practice can always be done afterwards - and we offer you the option to ask any questions after the training (for instance via Skype or mail). Our experience is that with this method you can jump to results quicker.

More subjects?

Do you have any specific subject that you want to be dealt with during the training? Let us know and we are happy to integrate that subject into the program.

Audience

Webdesigners
Frontend developers
Programmers

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 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