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
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 1436)
per year per individual
- Access to 93+ hours of Magento courses
- Student notes of 5212+ pages
- Ideal if you want to grasp everything
On-Demand Premium
€
3199
(USD 3679)
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
- Introducing Vue Storefront
- Organizing the stack in development
- Preparing for the PWA
- A mental checklist for the stack
- Installing the Vue Storefront 1 PWA
- Starting with the Vue Storefront 1 PWA
- Installing the Vue Storefront 1 API
- Setting up Redis
- Introduction to ElasticSearch
- Setting up ElasticSearch
- Using ElasticSearch 7
- Setting up Kibana
- Configuring ElasticSearch in PWA & API
- Setting up Magento 1
- Setting up the Magento 1 indexer
- Setting up VSBridge for Magento 1
- Configuring Magento 1 in the API
- Setting up Magento 2
- Setting up the Magento 2 indexer
- Setting up a data push with Mage2VueStorefront
- Configuring the VSF1 API for Magento 2
- Switching themes
- Adding Capybara
- Creating a new theme
- Working with Storefront UI
- Working with Lerna
- Modifying routes
- CMS Blocks
- CMS Pages
- Layouts and templates
- Adding Vue plugins
- Adding new product attribute
- Exploring Capybara's code
- Exploring Capybara's homepage Vuex store
- Handling multiple languages
- Vue essentials
- Dealing with Vue mixins
- Dealing with Vue slots
- Dealing with Vue events
- Dealing with Vuex
- Understanding the PWA configuration
- Faster local compilation
- Working with GraphQL
- Understanding SSR
- Vocabulary of modules
- Finding extensions
- Overview of PWA modules
- Creating a PWA module
- What is a PWA module able to do?
- Extending routing using a PWA module
- Creating a custom Vuex store
- Extending an existing Vuex store
- Example: Dealers
- Introduction to ExpressJS
- ExpressJS middleware
- Extending the API
- Order2Magento
- Magento 2 REST calls
- Running the stack in production
- Using PM2
- Performance
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
- Vue frontend developers
- Magento frontend developers
A crash course by Yireo is like to be Neo learning Kung FuTjitse Efdé (Vendic)
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.
As a newcomer to the Magento world, the Magento academy has given me a solid foundation for Magento 2. I benefit greatly from this in my daily work as a Frontend Developer. In addition, lunch was always well taken care of and you did not lack anything during the training sessions!Kevin de Bie (MaxServ)
Customer quotes
Jisse understands how you can put your brain to work and keep you constantly on the edge of your seat Kayne Spikker (Modern Minds)
You will notice Jisse his knowledge and experience in just a few moments. Despite the many topics, there is still depth that gives you that little bit of extra information to improve your work. These courses are highly recommended! Tristan Nederhoff (Vendic)
Jisse challenges my thinking by asking questions during the course, showing edge case implementations and pointing out the various hurdles to consider when developing software. Isolde van Oosterhout (Sols Webdesign)
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
Frequently Asked Questions
There is a minimum number of attendees listed. What does this mean?
When this course is organized in the form of a classroom-training, it is only held if 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.
Do you have any PPP discount available?
Yes, we do have a PPP (Purchasing Power Parity) discount available. Just enter `PPP` as a coupon code and the discount will be applied to your cart. We are using the Big Mac Index to recalculate prices. Note that - when ordering for a specific PPP rate - the country that you're entering in your billing address needs to match the exact country that you are visiting from (in other words: your IP needs to match the country you say you're from).
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.
