background

Magento 2 JavaScript cursus

Een duidelijke en diepgaande uitleg van JavaScript in Magento 2 Luma

Een duidelijke en diepgaande uitleg van JavaScript in Magento 2 Luma

De Magento 2 Theming training deel I duikt in XML en PHTML. Dit deel II gaat verder met RequireJS en KnockoutJS, twee wezenlijk verschillende theming onderdelen met betrekking tot M1. Met deze JavaScript technologieën is het mogelijk geworden om zaken als checkout, prijsmodellering en winkelwagentjes aan te passen zonder core hacks en rare fratsen. Deze training geeft frontend ontwikkelaars een uitstekende kickstart met M2 JavaScript.

13+

Video uren

76

Lessen

335

Pagina's

Jisse Reitsma

Jouw docent Jisse Reitsma

Jisse is de lead developer van 60+ Magento extensies en geeft al jaren technische trainingen voor Magento. Naast zijn vermogen om complexe technologie te begrijpen, is hij bedreven in het overzetten van deze kennis naar anderen. Jisse is de mastermind van de developer events MageTestFest, Reacticon en MageUnconference NL en een voormalig Magento Master (3x). Hij is ook actief in de Nederlandse vereniging Mage-OS Nederland.

Kies jouw On-Demand Magento video cursus

En je kan direct aan de slag

On-Demand Preview
0
(USD 0)
No strings attached
  • Toegang tot 21 voorbeeldlessen
  • Toegang tot 371++ minuten aan video
  • Student notes waar beschikbaar
  • Gratis toegang totdat je de diepte in wilt
On-Demand Solo
259
(USD 273)
per jaar per individu
  • Volledige toegang tot deze cursus
  • Toegang tot 13+ uur aan video materiaal
  • Cursusnotities van 335+ paginas
  • Leer op jouw eigen tempo
On-Demand Bulk
1249
(USD 1317)
per jaar per individu
  • Toegang tot 93+ uur aan Magento cursussen
  • Cursusnotities van 5212+ paginas
  • Ideaal als je alles wilt leren

Of ga voor een docent-gestuurde sessie

Omdat iedereen andere wensen heeft

Classroom
Live Training
Zie onze agenda hieronder
  • Alles onder On-Demand Standard
  • Klassikale training met docent
  • Profiteer van een directe interactie
  • Vraag wat je maar wilt
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
background

Join our upcoming training in Baarn

maandag, juli 8, 2024 - donderdag, juli 11, 2024

Agenda voor live trainingen

Datum
jul. 8 - jul. 11
Cursus
Magento Frontend Development Bootcamp
NL
Locatie
Details
Datum
sep. 23 - sep. 26
Cursus
Magento Frontend Development Bootcamp
NL
Locatie
Details
Datum
dec. 2 - dec. 5
Cursus
Magento Frontend Development Bootcamp
NL
Locatie
Details

Passen deze data niet goed? Wil je overschakelen naar een andere taal?
Neem gerust contact met ons op om te kijken wat er nog meer mogelijk is.

Magento cursus onderwerpen

Krijg een indruk van onze training

  • Luma JavaScript standards
  • Invocation patterns
  • jQuery in Magento
  • jQuery and the keyword this
  • jQuery noConflict mode
  • How JavaScript translations work
  • AMD standard
  • RequireJS basics
  • RequireJS config per Magento module
  • RequireJS configuration
  • RequireJS rewrites
  • RequireJS shims
  • RequireJS mixins
  • Component initializations
  • Return values of RequireJS modules
  • Example: Changing background color
  • Changing options of the StoreView switcher
  • Dynamic dependencies
  • RequireJS tips
  • Introduction to Knockout.js
  • Knockout Context Debugger browser plugin
  • Binding Knockout the Magento way
  • Binding variables in Knockout
  • Text input with Knockout observable
  • Using ko.observableArray
  • Simple counter with Knockout
  • Interacting with Knockout ViewModels
  • Interacting with Magento uiComponents
  • Simple Knockout ViewModel linking
  • Analysing the customer greeting
  • Subscribing to the minicart
  • Working with computed observables
  • Knockout Components
  • Debugging Knockout
  • Using the uiRegistry
  • Definition of UiComponents
  • Advanced UiComponent
  • Knockout HTML templates
  • Analysing the minicart
  • Rendering child components
  • Adding extra info to the minicart
  • State component with Knockout
  • ConfigProviders for window.checkoutConfig
  • Layout processors
  • Adding a new Layout Processor
  • Adding a child component to the checkout
  • Adding a new step in checkout
  • Component configuration
  • Adding a field to the address form
  • Adding a CMS block in checkout
  • Data sources in the checkout
  • Add additional email validation
  • ZIP code validation
  • Payment validators
  • Observer quote changes
  • Calling upon checkoutProvider
  • Add a block to the sidebar
  • Observing field validation
  • Definition of Private Content
  • Dealing with customerData
  • Example for using customerData
  • Add a new customerData section
  • How customerData sections get their data
  • Showing customer().lastname in a Knockout template
  • Depersonalizer
Deze cursus is up-to-date gebracht voor compatibiliteit met Magento 2.4.7-p1

Bekijk nu een preview

Zien is geloven

Invocation patterns
AMD standard
RequireJS basics

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
Luma JavaScript standards
Invocation patterns free 17m 34s
jQuery in Magento
jQuery and the keyword this
jQuery noConflict mode
How JavaScript translations work 20m 10s
AMD standard free 12m 07s
RequireJS basics free 05m 58s
RequireJS config per Magento module free 19m 19s
RequireJS configuration free 07m 48s
RequireJS rewrites free 21m 18s
RequireJS shims 11m 59s
RequireJS mixins 33m 55s
Component initializations 34m 10s
Return values of RequireJS modules free 22m 58s
Example: Changing background color 48m 57s
Changing options of the StoreView switcher 13m 35s
Dynamic dependencies
RequireJS tips
Introduction to Knockout.js free 09m 17s
Knockout Context Debugger browser plugin free 03m 41s
Binding Knockout the Magento way free 17m 13s
Binding variables in Knockout free 07m 13s
Text input with Knockout observable 11m 05s
Using ko.observableArray 11m 28s
Simple counter with Knockout free 26m 32s
Interacting with Knockout ViewModels free 08m 07s
Interacting with Magento uiComponents 16m 23s
Simple Knockout ViewModel linking free 48m 33s
Analysing the customer greeting 14m 14s
Subscribing to the minicart 36m 47s
Working with computed observables
Knockout Components
Debugging Knockout
Using the uiRegistry free 12m 04s
Definition of UiComponents 16m 01s
Advanced UiComponent 18m 29s
Knockout HTML templates 17m 51s
Analysing the minicart free 22m 33s
Rendering child components 30m 35s
Adding extra info to the minicart free 13m 28s
State component with Knockout
ConfigProviders for window.checkoutConfig 10m 56s
Layout processors free 23m 12s
Adding a new Layout Processor 15m 52s
Adding a child component to the checkout free 27m 45s
Adding a new step in checkout free 37m 52s
Component configuration 15m 01s
Adding a field to the address form
Adding a CMS block in checkout 24m 04s
Data sources in the checkout free 06m 59s
Add additional email validation
ZIP code validation
Payment validators
Observer quote changes
Calling upon checkoutProvider
Add a block to the sidebar
Observing field validation
Definition of Private Content 02m 42s
Dealing with customerData 17m 09s
Example for using customerData 10m 23s
Add a new customerData section 11m 21s
How customerData sections get their data 11m 26s
Showing customer().lastname in a Knockout template 11m 40s
Depersonalizer

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 Magento 2.4.7-p1
Target group

Doelgroep

  • Junior frontend ontwikkelaars
  • Junior backendontwikkelaars
tjitse-efde.jpg
Een spoedcursus van Yireo is als een Neo die Kung Fu leert
Tjitse Efdé (Vendic)
Requirements

Vereisten

  • Ervaring met Magento 2 Admin Panel
  • Een lokaal draaiende installatie van Magento 2
  • Kennis van XML layouts in Magento 2 theming (deel 1 van deze cursus is aanbevolen)
  • Kennis van Magento 2 PHTML templating
  • Kennis van jQuery en vanilla JavaScript

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.

isolde-van-oosterhout.jpg
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)

Quotes van klanten

Na de Magento 2 bootcamp is mijn koudwatervrees afgenomen. Jisse geeft een breed beeld van Magento 2 mee en ik snap nu een stuk beter wat er mogelijk is. Maartje Meering (MDL Online)
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)
Deze trainingen vormen een snelkookpan van wat een developers anders in een jaar zou opgesteken Sabine de Vos (Modern Minds)
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

ziggo.png
indie-group.png
abovo.png
pushon.png
tig.png
ceezoo.jpg
happy-horizon.png
starapple.png
vicus.png
isaac.png
cream.jpg
eltrino.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.