background

Vue Storefront 1 Fundamentals course

Learn how to build your own VSF1 shop and customize everything

Learn how to build your own VSF1 shop and customize everything

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.

9+

Hours of video

61

Lessons

419

Pages

Jisse Reitsma

Your teacher Jisse Reitsma

Jisse Reitsma is the main man behind Yireo. Author, trainer and developer. He is board member of Mage-OS Nederland and a three-times Magento Master.

Pick your On-Demand Magento video course

And you can start right away

On-Demand Solo
0
(USD 0)
per year per individual
  • Full access to this course
  • More than 9+ hours of video
  • Student notes of 419+ pages
  • Learn at your own pace
On-Demand Bulk
1249
(USD 1355)
per year per individual
  • Access to 93+ hours of Magento courses
  • Student notes of 4949+ pages
  • Ideal if you want to grasp everything
On-Demand Premium
3199
(USD 3472)
per year for an agency
  • Everything under On-Demand Bulk
  • Costing €6 per hour (or lower) per person
  • Continuously upgrade your teams knowledge

Or go for a teacher-led session

Because everyone has different needs

Agency
In-House
per training per agency
  • Everything under On-Demand Standard
  • Economical for groups of 5 and more
  • Freely debate company-specific topics
  • On-site at your company office
Agency
Online
per training per agency
  • Everything under On-Demand Standard
  • Ideal for online or hybrid teams
  • Recordings available afterwards
  • Online via Zoom, Teams or similar

Magento training topics

Explore your topics of choice

This course has been updated for compatibility with Vue 3

Or browse through all lessons in our courseware portal

We are constantly updating our courseware, but the following is a real-life snapshot
Introducing Vue Storefront 17m 39s
Organizing the stack in development 12m 49s
Preparing for the PWA 08m 03s
A mental checklist for the stack 04m 14s
Installing the Vue Storefront 1 PWA 11m 00s
Starting with the Vue Storefront 1 PWA 11m 49s
Installing the Vue Storefront 1 API 09m 04s
Setting up Redis 09m 29s
Introduction to ElasticSearch 15m 42s
Setting up ElasticSearch 06m 19s
Using ElasticSearch 7 05m 16s
Setting up Kibana 10m 05s
Configuring ElasticSearch in PWA & API 10m 00s
Setting up Magento 1 04m 11s
Setting up the Magento 1 indexer 08m 44s
Setting up VSBridge for Magento 1 06m 20s
Configuring Magento 1 in the API 06m 14s
Setting up Magento 2 09m 13s
Setting up the Magento 2 indexer 09m 50s
Setting up a data push with Mage2VueStorefront 10m 56s
Configuring the VSF1 API for Magento 2 05m 33s
Switching themes 03m 47s
Adding Capybara 08m 23s
Creating a new theme 14m 35s
Working with Storefront UI 07m 44s
Working with Lerna 04m 40s
Modifying routes 11m 26s
CMS Blocks 02m 57s
CMS Pages 02m 27s
Layouts and templates 11m 58s
Adding Vue plugins 17m 03s
Adding new product attribute 12m 32s
Exploring Capybara's code 10m 02s
Exploring Capybara's homepage Vuex store 17m 10s
Handling multiple languages 10m 02s
Vue essentials 03m 49s
Dealing with Vue mixins 06m 04s
Dealing with Vue slots 13m 12s
Dealing with Vue events 13m 38s
Dealing with Vuex 17m 09s
Understanding the PWA configuration 06m 29s
Faster local compilation 07m 56s
Working with GraphQL 11m 48s
Understanding SSR 11m 56s
Vocabulary of modules 06m 06s
Finding extensions 08m 33s
Overview of PWA modules 07m 42s
Creating a PWA module 06m 47s
What is a PWA module able to do? 08m 03s
Extending routing using a PWA module 04m 35s
Creating a custom Vuex store 05m 57s
Extending an existing Vuex store 05m 28s
Example: Dealers 17m 38s
Introduction to ExpressJS 07m 34s
ExpressJS middleware 07m 48s
Extending the API 09m 17s
Order2Magento 04m 32s
Magento 2 REST calls 06m 43s
Running the stack in production 10m 41s
Using PM2 16m 42s
Performance 16m 38s

These videos are available as an On-Demand video training (with notes). See the pricing for details.

This course has been updated for compatibility with Vue 3
Target group

Target group

  • Vue frontend developers
  • Magento frontend developers
erwin-de-groot.jpg
Structured training measured my general knowledge of e-commerce and Magento is verbal. Goal achieved!
Erwin de Groot (Vendic)
Requirements

Requirements

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

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.

michiel-gerritsen.jpg
When Jisse starts talking about Magento, something interesting always comes up. The Hyvä Checkout training is no exception. Whether you have worked with it a lot or a little, Jisse takes you to the internals of the checkout and explains why it works the way it does. So that you then have a solid foundation on which to continue working independently.
Michiel Gerritsen (Control-Alt-Delete)

Customer quotes

Very informative and useful training! Even though I already have 3+ years of Magento experience, there was enough information from which I learned new things. Renze Dijkstra (E-tales)
Yireo's video training has helped us immensely to give our PHP developers a flying start with their retraining as Magento developers. We will soon see that developers can be deployed on our Magento platforms Kevin van Hengst (FRMWRK)
I really enjoyed the Magento 2 Hyvä Theme Development course. The information is useful and well-structured. I appreciated the extensive practice, which helped me understand how to develop a frontend using Hyvä. Jisse is easy to listen to and engaging, which made the course even better. Nadezhda Ivanova (HYPR)
Read more quotes of our customers
background

Yireo could be the right partner for you

We have trained 5000+ developers in numerous disciplines since 2005

  • Professional training at affordable prices
  • Truely active with numerous open source projects in the community
  • Trainings, bootcamps, hackathons, events
  • Passionate, enthousiastic, knowledgable in the right combination

Some of the customers that we have trained in the past years

abovo.png
isaac.png
krishtechnolabs.png
guapa.png
pinpoint-design.png
bitbull.png
ceezoo.jpg
evoworks.png
vendic.png
cti-digital.png
ekomurz.png
kickbyte.png
See a more complete listing of our customers

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.

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.