Yireo - Developer training

Open main menu

Get trained by Yireo

Vue Storefront 1 Fundamentals training

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.

Pick the method that fits you best

Because everyone has different needs

 

Video On Demand

  • 61 videos with 9.5 hours of content
  • Full student notes (200+ pages)
  • Learn at your own pace
  • Slack support from teacher
289
per year per individual

In-person training

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

Custom training

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

Custom pricing

per training

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 an on-demand training, feel free to contact us. We are happy to organize an in-house or online training for you.

These are the options we give you:

Steps towards certification

We are an official Vue Storefront training partner and as such, working together with the VSF team to get certification up & running. Our training are approved by Vue Storefront and a proven path to certification once ready.

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 training-on-demand

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.

This training is part of the following series

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

Vue Storefront 1 Fundamentals

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:

  • 1 day full of knowledge
  • Coursematerial (slides + code)

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

Legal information

Other Yireo sites

Get Social

About Yireo