background

Vue Storefront 1 Fundamentals cursus

Leer hoe je je eigen VSF1-winkel bouwt en alles aanpast

Leer hoe je je eigen VSF1-winkel bouwt en alles aanpast

Vue Storefront heeft het Magento ecosysteem verrast: het gebruik van Vue maakt het makkelijk om mee te beginnen, terwijl de flexibele architectuur veel meer biedt voor de ervaren Vue ontwikkelaar. Deze training begeleidt je in het proces van het bouwen van VSF winkels, compleet met extensies voor de VSF API en deelbare bouwstenen.

9+

Video uren

61

Lessen

419

Pagina's

Jisse Reitsma

Jouw docent Jisse Reitsma

Jisse Reitsma is de belangrijkste man achter Yireo. Auteur, trainer en ontwikkelaar. Hij is bestuurslid van Mage-OS Nederland en drie keer Magento Master.

Kies jouw On-Demand Magento video cursus

En je kan direct aan de slag

On-Demand Solo
0
(USD 0)
per jaar per individu
  • Volledige toegang tot deze cursus
  • Toegang tot 9+ uur aan video materiaal
  • Cursusnotities van 419+ paginas
  • Leer op jouw eigen tempo
On-Demand Bulk
1249
(USD 1315)
per jaar per individu
  • Toegang tot 93+ uur aan Magento cursussen
  • Cursusnotities van 5212+ paginas
  • Ideaal als je alles wilt leren
On-Demand Premium
3199
(USD 3368)
per year for an agency
  • Everything under On-Demand Bulk
  • Costing €6 per hour (or lower) per person
  • Continuously upgrade your teams knowledge

Of ga voor een docent-gestuurde sessie

Omdat iedereen andere wensen heeft

Agency
In-House
per training per agency
  • Alles onder On-Demand Standard
  • Economisch voor groepen van 5 of meer
  • Bespreek bedrijfsspecifieke problematiek
  • Op locatie bij jouw eigen kantoor
Agency
Online
per training per agency
  • Alles onder On-Demand Standard
  • Ideaal voor online of hybride teams
  • Recordings achteraf beschikbaar
  • Online via Zoom, Teams of dergelijks

Magento cursus onderwerpen

Krijg een indruk van onze training

  • 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
Deze cursus is up-to-date gebracht voor compatibiliteit met Vue 3

Of blader door al onze lessen in ons cursusportaal

We zijn continue bezig met het updaten van ons cursusmateriaal, maar het volgende is een 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.

Deze cursus is up-to-date gebracht voor compatibiliteit met Vue 3
Target group

Doelgroep

  • Vue frontend ontwikkelaars
  • Magento frontend ontwikkelaars
oscar-hilbelink.jpg
Jisse legt op een begrijpelijk manier de relevante techniek uit waar je in praktijk veel aan hebt. De training is intensief, op hoog niveau en van grote toegevoegde waarde omdat belangrijke concepten helder gemaakt worden en je veel bruikbare tips krijgt.
Oscar Hilbelink (Madia)
Requirements

Vereisten

  • Vaardig in Vue (routing, slots, events, Vuex)
  • Docker-images kunnen draaien via docker-compose

We geven jou deze opties

Bij jullie of bij ons?

Iedereen leert in haar/zijn eigen tempo. Wij verzorgen zowel interne trainingen als publieke trainingen door heel Europa - wat het beste bij uw team past. Wanneer er 3 of meer ontwikkelaars aanwezig zijn, is een training op maat vaak voordeliger. Neem contact met ons op voor meer informatie.

Je krijgt cursusmateriaal

Bij elke workshop wordt officieel Yireo cursusmateriaal meegeleverd. Deelnemers ontvangen na de training een digitale versie van dit materiaal. Het bevat dia's, commentaar en referenties. Bovendien bevatten onze GitHub repositories nog veel meer codevoorbeelden.

Online klaslokalen

Online trainingen zijn ook onze trainingen: Via Zoom- of Google Hangout-sessies kan onze docent connecteren met jouw team. Het voordeel hiervan is dat het team ook zelf vanaf verschillende plekken verbinding kan maken, tijdsframes zijn flexibeler. Na afloop wordt ter referentie een video-opname met alle aanwezigen gedeeld.

On-demand training in eigen tempo

Deze training is ook beschikbaar als On-Demand training: Via talrijke videolessen, inclusief begeleidende aantekeningen van de leerling (wat gelijk staat aan een boek op zichzelf), leer je in je eigen tempo over de onderwerpen. En als je vragen tegenkomt, kun je terugvallen op de begeleiding van de docent.

roy-van-os.jpg
Jisse geeft gave trainingen waar je in de praktijk goed gebruik van kunt maken. Naast dat het informatief is, is het ook nog eens leuk om naar te luisteren.
Roy van Os (Active Ants)

Quotes van klanten

Snelle, diepgaande introductie tot Hyvä Checkout en Magewire. Jisse is echt een ervaren en goed geïnformeerde docent die cursussen aanbiedt voor kleine groepen mensen met voldoende ruimte voor vragen en deelname van alle deelnemers Ingmar de Vos (Mountain IT)
Jisse geeft gave trainingen waar je in de praktijk goed gebruik van kunt maken. Naast dat het informatief is, is het ook nog eens leuk om naar te luisteren. Roy van Os (Active Ants)
Jisse daagt mijn denken uit door vragen te stellen tijdens de cursus, edge case-implementaties te laten zien en te wijzen op de verschillende hindernissen waarmee rekening moet worden gehouden bij het ontwikkelen van software. Isolde van Oosterhout (Sols Webdesign)
Bekijk nog meer quotes van onze klanten
background

Yireo kan de juiste partner voor jullie zijn

We hebben meer dan 5000 developers in verschillende disciplines onderwezen sinds 2005

  • Professionele trainingen tegen betaalbare prijzen
  • Echt actief met tal van vrijwillige projecten in de gemeenschap
  • Trainings, bootcamps, hackathons, events
  • Gepassioneerd, enthousiast, goed geïnformeerd

Een paar klanten die we hielpen met training in afgelopen jaren

firegento.png
dnd.png
phpro.png
x-interactive.png
gracious.png
mdl-online.png
isaac.png
nodots.png
get-noticed.png
starring-jane.png
wunderman-thompson.png
gemaco.png
Bekijk een meer compleet overzicht van onze klanten

Veelgestelde vragen

Er is een minimum aantal deelnemers vermeld. Wat betekent dit?

De training wordt alleen in een fysiek klaslokaal gegeven als er een minimum aantal deelnemers is. Dit aantal is meestal 4, maar soms brengen we dit terug naar 2 of 3. Dit minimum aantal betekent simpelweg dat - als een les niet "vol" is - je óf jouw geld terugkrijgt óf jouw ticket wordt overgezet naar een andere datum. Bij On-Demand cursussen (videocursussen) is dit aantal niet van toepassing.

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.