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.
At this moment, there are no trainings scheduled in our agenda. However, we are always busy with planning more, so make sure to check out our online agenda. Alternatively, checkout our on-demand content or feel free to contact us for a custom in-company training.
Lesson | Chapter | Video length | Created | Action |
---|---|---|---|---|
Introducing Vue Storefront 1 | Introduction | 17m 39s | 08 Jul 2021 | Watch for free |
Organizing the stack in development | Introduction | 12m 49s | 08 Jul 2021 | Watch for free |
Preparing for the PWA | Introduction | 08m 03s | 08 Jul 2021 | Watch for free |
A mental checklist for the stack | Installation | 04m 14s | 08 Jul 2021 | Get access |
Installing the Vue Storefront 1 PWA | Installation | 11m 00s | 08 Jul 2021 | Get access |
Starting with the Vue Storefront 1 PWA | Installation | 11m 49s | 08 Jul 2021 | Watch for free |
Installing the Vue Storefront 1 API | Installation | 09m 04s | 08 Jul 2021 | Get access |
Setting up Redis | Installation | 09m 29s | 08 Jul 2021 | Get access |
Quick introduction to ElasticSearch | Installation | 15m 42s | 08 Jul 2021 | Get access |
Setting up ElasticSearch | Installation | 06m 19s | 08 Jul 2021 | Get access |
Using ElasticSearch 7 | Installation | 05m 16s | 08 Jul 2021 | Get access |
Setting up Kibana | Installation | 10m 05s | 08 Jul 2021 | Get access |
Configuring ElasticSearch in PWA & API | Installation | 10m 00s | 08 Jul 2021 | Watch for free |
Setting up Magento 1 | Installation | 04m 11s | 08 Jul 2021 | Get access |
Setting up the Magento 1 indexer | Installation | 08m 44s | 08 Jul 2021 | Get access |
Setting up VSBridge for Magento 1 | Installation | 06m 20s | 08 Jul 2021 | Get access |
Configuring Magento 1 in the API | Installation | 06m 14s | 08 Jul 2021 | Get access |
Setting up Magento 2 | Installation | 09m 13s | 08 Jul 2021 | Get access |
Setting up the Magento 2 indexer | Installation | 09m 50s | 08 Jul 2021 | Get access |
Setting up a data push with Mage2Vuestorefront | Installation | 10m 56s | 08 Jul 2021 | Get access |
Configuring Magento 2 in the API | Installation | 05m 33s | 08 Jul 2021 | Get access |
Switching between themes | Theming | 03m 47s | 08 Jul 2021 | Get access |
Adding the Capybara theme | Theming | 08m 23s | 08 Jul 2021 | Get access |
Creating a new theme | Theming | 14m 35s | 08 Jul 2021 | Get access |
Working with Storefront UI | Theming | 07m 44s | 08 Jul 2021 | Get access |
Working with Lerna | Theming | 04m 40s | 08 Jul 2021 | Get access |
Modifying routes | Theming | 11m 26s | 08 Jul 2021 | Get access |
Using CMS Blocks | Theming | 02m 57s | 08 Jul 2021 | Get access |
Using CMS Pages | Theming | 02m 27s | 08 Jul 2021 | Get access |
Layouts and templates | Theming | 11m 58s | 08 Jul 2021 | Get access |
Adding Vue plugins | Theming | 17m 03s | 08 Jul 2021 | Get access |
Adding new product attributes | Theming | 12m 32s | 08 Jul 2021 | Get access |
Exploring Capybara's code | Theming | 10m 02s | 08 Jul 2021 | Get access |
Exploring Capybara's homepage Vuex store | Theming | 17m 10s | 08 Jul 2021 | Get access |
Handling multiple languages | Theming | 10m 02s | 08 Jul 2021 | Get access |
Vue essentials | Vue essentials | 03m 49s | 08 Jul 2021 | Watch for free |
Dealing with Vue mixins | Vue essentials | 06m 04s | 08 Jul 2021 | Watch for free |
Dealing with Vue slots | Vue essentials | 13m 12s | 08 Jul 2021 | Get access |
Dealing with Vue events | Vue essentials | 13m 38s | 08 Jul 2021 | Get access |
Dealing with Vuex state management | Vue essentials | 17m 09s | 08 Jul 2021 | Get access |
Understanding the PWA configuration | PWA architecture | 06m 29s | 08 Jul 2021 | Get access |
Faster local compilation | PWA architecture | 07m 56s | 08 Jul 2021 | Get access |
Working with GraphQL | PWA architecture | 11m 48s | 08 Jul 2021 | Get access |
SSR | PWA architecture | 11m 56s | 08 Jul 2021 | Get access |
Vocabulary | Modules | 06m 06s | 08 Jul 2021 | Get access |
Finding extensions | Modules | 08m 33s | 08 Jul 2021 | Get access |
Overview of PWA modules | Modules | 07m 42s | 08 Jul 2021 | Watch for free |
Creating a PWA module | Modules | 06m 47s | 08 Jul 2021 | Get access |
What is a PWA module able to do? | Modules | 08m 03s | 08 Jul 2021 | Get access |
Extending routing using a PWA module | Modules | 04m 35s | 08 Jul 2021 | Get access |
Creating a custom Vuex store | Modules | 05m 57s | 08 Jul 2021 | Watch for free |
Extending an existing Vuex store | Modules | 05m 28s | 08 Jul 2021 | Get access |
Dealers example | Modules | 17m 38s | 08 Jul 2021 | Get access |
Using PWA module hooks | Modules | n/a | 08 Jul 2021 | Get access |
Introduction to ExpressJS | API architecture | n/a | 08 Jul 2021 | Get access |
ExpressJS middleware | API architecture | 07m 48s | 03 Dec 2021 | Get access |
Extending the API | API architecture | 09m 17s | 08 Jul 2021 | Get access |
Order2Magento | API architecture | 04m 32s | 08 Jul 2021 | Get access |
Using API hooks | API architecture | n/a | 08 Jul 2021 | Get access |
Magento 2 REST calls | API architecture | 06m 43s | 08 Jul 2021 | Get access |
Running the stack in production | In production | 10m 41s | 08 Jul 2021 | Get access |
Using PM2 | In production | 16m 42s | 08 Jul 2021 | Watch for free |
Performance | In production | 16m 38s | 08 Jul 2021 | Get access |
nginx | In production | n/a | 08 Jul 2021 | Get access |
Tips & tricks | Tips | n/a | 08 Jul 2021 | Get access |
Troubleshooting | Tips | n/a | 08 Jul 2021 | Get access |
wrap | Conclusion | n/a | 08 Jul 2021 | Get access |
These videos are available as an On-Demand video training (with notes). See the pricing for details.
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.
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 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 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.
We are working on making every training available as a self-paced online video course in 2021. So stay tuned!
Vue frontend developers
Magento frontend developers
Skilled in Vue (routing, slots, events, Vuex)
Ability to run Docker images via docker-compose
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.
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.
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.
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.
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).
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.
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.