Yireo - Developer training

Open main menu

Get trained by Yireo on

Vue Storefront 1 Fundamentals

Get started quickly with Vue Storefront 1

Get started quickly with Vue Storefront 1

Vue Storefront has taken the Magento ecosystem by surprise: Its usage of Vue makes it easy to start with, while its flexible architecture offers much more for the experienced Vue developer. This training will guide you in the process of building VSF shops, complete with extensions for the VSF API and shareable building blocks.

Jisse Reitsma

Your teacher: 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. He has worked with Vue Storefront 1 since 2018, helped out the Vue Storefront community with various useful open source project, is active with Vue Storefront Next and Shopware PWA as well. Either way, he is your man when it comes to a professional Vue training.

Pick the online method that fits you best

Because everyone has different needs

 

On Demand

  • 61 videos with 9.5 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

Sorry, there are no scheduled trainings (yet)

Unfortunately, at this moment, there are no trainings of this type scheduled in our agenda. However, we are always busy with more, so make sure to check out our online agenda for more options. Alternatively, 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.

On-Demand training is coming soon

We are also working hard to make this training available as an On-Demand training: Online videos, full student notes, lab exercises at your own pace, plus guidance from the teacher. Sign up for our informative newsletter to learn about the progress.

All lessons in one view

Introducing Vue Storefront 1
Created: 30 Aug 2021
Length: 17:39
Organizing the stack in development
Created: 29 Aug 2021
Length: 12:49
Preparing for the PWA
Created: 27 Aug 2021
Length: 08:03
A mental checklist for the stack
Created: 12 Aug 2021
Length: 04:14
Installing the Vue Storefront 1 PWA
Created: 12 Aug 2021
Length: 11:00
Starting with the Vue Storefront 1 PWA
Created: 09 Aug 2021
Length: 11:49
Installing the Vue Storefront 1 API
Created: 12 Aug 2021
Length: 09:04
Setting up Redis
Created: 18 Jun 2021
Length: 09:29
Quick introduction to ElasticSearch
Created: 12 Aug 2021
Length: 15:42
Setting up ElasticSearch
Created: 10 Jun 2021
Length: 06:19
Using ElasticSearch 7
Created: 04 Jun 2021
Length: 05:16
Setting up Kibana
Created: 12 Aug 2021
Length: 10:05
Configuring ElasticSearch in PWA & API
Created: 30 Aug 2021
Length: 10:00
Setting up Magento 1
Created: 08 Dec 2020
Length: 04:11
Setting up the Magento 1 indexer
Created: 08 Dec 2020
Length: 08:44
Setting up VSBridge for Magento 1
Created: 22 Apr 2021
Length: 06:20
Configuring Magento 1 in the API
Created: 20 May 2021
Length: 06:14
Setting up Magento 2
Created: 12 Aug 2021
Length: 09:13
Setting up the Magento 2 indexer
Created: 12 Aug 2021
Length: 09:50
Setting up a data push with Mage2Vuestorefront
Created: 12 Aug 2021
Length: 10:56
Configuring Magento 2 in the API
Created: 12 Aug 2021
Length: 05:33
Switching between themes
Created: 12 Aug 2021
Length: 03:47
Adding the Capybara theme
Created: 12 Aug 2021
Length: 08:23
Creating a new theme
Created: 30 Jun 2021
Length: 14:35
Working with Storefront UI
Created: 28 Aug 2021
Length: 07:44
Working with Lerna
Created: 24 Jun 2021
Length: 04:40
Modifying routes
Created: 01 Jul 2021
Length: 11:26
Using CMS Blocks
Created: 01 Jul 2021
Length: 02:57
Using CMS Pages
Created: 03 Jul 2021
Length: 02:27
Layouts and templates
Created: 17 Aug 2021
Length: 11:58
Adding Vue plugins
Created: 05 Jul 2021
Length: 17:03
Adding new product attributes
Created: 05 Jul 2021
Length: 12:32
Exploring Capybara's code
Created: 25 Jun 2021
Length: 10:02
Exploring Capybara's homepage Vuex store
Created: 29 May 2021
Length: 17:10
Handling multiple languages
Created: 05 Jul 2021
Length: 10:02
Vue essentials
Created: 31 Jul 2021
Length: 03:49
Dealing with Vue mixins
Created: 11 Aug 2021
Length: 06:04
Dealing with Vue slots
Created: 30 Jul 2021
Length: 13:12
Dealing with Vue events
Created: 12 Jul 2021
Length: 13:38
Dealing with Vuex state management
Created: 05 Jul 2021
Length: 17:09
Understanding the PWA configuration
Created: 07 Jul 2021
Length: 06:29
Faster local compilation
Created: 28 Aug 2021
Length: 07:56
Working with GraphQL
Created: 30 May 2021
Length: 11:48
SSR
Created: 30 Jul 2021
Length: 11:56
Vocabulary
Created: 25 May 2021
Length: 06:06
Finding extensions
Created: 10 Jul 2021
Length: 08:33
Overview of PWA modules
Created: 28 Jul 2021
Length: 07:42
Creating a PWA module
Created: 28 Jul 2021
Length: 06:47
What is a PWA module able to do?
Created: 28 Jul 2021
Length: 08:03
Extending routing using a PWA module
Created: 04 Jun 2021
Length: 04:35
Creating a custom Vuex store
Created: 28 Aug 2021
Length: 05:57
Extending an existing Vuex store
Created: 12 Jul 2021
Length: 05:28
Dealers example
Created: 04 Jun 2021
Length: 17:38
ExpressJS middleware
Created: 28 Apr 2021
Length: 07:48
Extending the API
Created: 12 May 2021
Length: 09:17
Order2Magento
Created: 10 Jun 2021
Length: 04:32
Magento 2 REST calls
Created: 10 Jun 2021
Length: 06:43
Running the stack in production
Created: 15 Jun 2021
Length: 10:41
Using PM2
Created: 13 Aug 2021
Length: 16:42
Performance
Created: 16 Jun 2021
Length: 16:38

These videos are also available as an On-Demand training. 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.

This training is part of the following series

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

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 Vue Storefront community
  • Passionate, enthousiastic, knowledgable

We have trained 160+ Vue Storefront developers since 2019

Training topics

  • Introducing Vue Storefront 1
  • Organizing the stack in development
  • Preparing for the PWA
  • Installing the Vue Storefront 1 API
  • Configuring ElasticSearch in PWA & API
  • Configuring Magento 1 in the API
  • Configuring Magento 2 in the API
  • A mental checklist for the stack
  • Quick introduction to ElasticSearch
  • Setting up ElasticSearch
  • Using ElasticSearch 7
  • Setting up Kibana
  • Setting up the Magento 1 indexer
  • Setting up Magento 1
  • Setting up VSBridge for Magento 1
  • Setting up a data push with Mage2Vuestorefront
  • Setting up the Magento 2 indexer
  • Setting up Magento 2
  • Installing the Vue Storefront 1 PWA
  • Starting with the Vue Storefront 1 PWA
  • Setting up Redis
  • Adding Vue plugins
  • Adding the Capybara theme
  • Using CMS Blocks
  • Using CMS Pages
  • Exploring Capybara's code
  • Exploring Capybara's homepage Vuex store
  • Layouts and templates
  • Working with Lerna
  • Handling multiple languages
  • Adding new product attributes
  • Modifying routes
  • Working with Storefront UI
  • Switching between themes
  • Creating a new theme
  • Understanding the PWA configuration
  • Faster local compilation
  • Working with GraphQL
  • SSR
  • Running the stack in production
  • Performance
  • Using PM2
  • Dealing with Vue events
  • Vue essentials
  • Dealing with Vue mixins
  • Dealing with Vue slots
  • Dealing with Vuex state management
  • Creating a PWA module
  • Creating a custom Vuex store
  • Dealers example
  • Extending routing using a PWA module
  • Extending an existing Vuex store
  • Finding extensions
  • Using PWA module hooks
  • What is a PWA module able to do?
  • Overview of PWA modules
  • Vocabulary
  • Introduction to ExpressJS
  • ExpressJS middleware
  • Extending the API
  • Using API hooks
  • Order2Magento
  • Magento 2 REST calls

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

Vue frontend developers
Magento frontend developers

Requirements

Skilled in Vue (routing, slots, events, Vuex)
Ability to run Docker images via docker-compose

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.

What about Vue Storefront Next aka Vue Storefront 2?

The training that Yireo currently provides is based on Vue Storefront 1, the version that was initially developed for Magento 1 and Magento 2. While the VSF team is currently working hard on Vue Storefront Next, which is going to offer support for other e-commerce products like Shopware, Sylius and BigCommerce, our prime focus is still Magento and therefore, these course are focused on Vue Storefront 1. The Vue Storefront 1 suite is still actively developed and supported by the Vue Storefront team.

Does this training prepare for certification?

As of yet, Vue Storefront does not offer any kind of certification. However, they are working hard on making certification possible. And once that certification is there, our training will definitely be adopted to become a path towards certification.

Does this training also include Vue 3?

The Vue Storefront 1 training does not include Vue 3, because Vue 3 is not supported by VSF1. Training on Vue Storefront Next (or Shopware PWA) does include Vue 3.

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