Magento 2 Frontending cursus
Een snelle maar grondige beschrijving van Magento 2 frontend ontwikkeling
Een snelle maar grondige beschrijving van Magento 2 frontend ontwikkeling
Magento 2-thema's geven veel flexibiliteit. Dit vereist echter dat u verschillende concepten begrijpt, zoals thema-overerving, XML-indeling, LESS compilatie en Block & ViewModel classes. Met onze training krijgt u alle informatie die u nodig heeft om uw eigen thema aan te passen en uit te breiden.
11+
Video uren
118
Lessen
371
Pagina's
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 24 voorbeeldlessen
- Toegang tot 248++ minuten aan video
- Student notes waar beschikbaar
- Gratis toegang totdat je de diepte in wilt
On-Demand Solo
€
259
(USD 266)
per jaar per individu
- Volledige toegang tot deze cursus
- Toegang tot 11+ uur aan video materiaal
- Cursusnotities van 371+ paginas
- Leer op jouw eigen tempo
On-Demand Bulk
€
1249
(USD 1283)
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
Join our upcoming training in Baarn
maandag, juli 8, 2024 - donderdag, juli 11, 2024
Agenda voor live trainingen
| Datum | Cursus | Locatie | Details | |
|---|---|---|---|---|
|
jul. 8 - jul. 11 |
Magento Frontend Development Bootcamp |
NL |
Yireo, Baarn, Nederland
|
Meer info
|
|
sep. 23 - sep. 26 |
Magento Frontend Development Bootcamp |
NL |
Yireo, Baarn, Nederland
|
Meer info
|
|
dec. 2 - dec. 5 |
Magento Frontend Development Bootcamp |
NL |
Yireo, Baarn, Nederland
|
Meer info
|
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
- Introduction to
- Development tools
- Development performance
- Deployment modes
- Static content deployment
- Setting the Magento root
- Troubleshooting tips
- Relevant database tables
- Theme location
- Creating a theme
- Parent themes
- Theme inheritance
- Theme structure
- Theme vs module
- File view.xml
- Introduction to PHTML templates
- Using the MageSpecialist DevTools
- Using mage2tv/cache-clean
- Overriding a PHTML template
- Creating a new template
- PHTML vs HTML templates
- Debugging PHTML templates
- Understanding the root template
- Escaping values in templates
- XML layout concepts
- Comparison with Magento 1
- XML layout essentials
- Review of homepage demo
- Handles and handle types
- Understanding page layouts
- Adding labels to containers
- Using containers
- Adding a new page layout
- The head section in the layout
- Blocks in the layout
- Layout updates
- Moving elements
- Removing elements
- Rendering child elements in blocks
- Reordering elements
- Using block templates
- Block arguments in the XML layout
- Adding Google fonts
- Common XML layout modifications
- Understanding root.phtml
- Overriding layout
- Adding FontAwesome
- Overriding the logo
- Adding menu-items to the main or the top menu
- Text blocks
- Troubleshooting layout issues
- Setting up Store Views for translation
- Translating content
- Translating system strings
- Using inline translations
- Creating a custom language pack
- How JavaScript translations work
- Module essentials
- Creating a Block
- Using ViewModels
- ViewModels vs Blocks
- Extending AbstractBlock
- Working with CMS Blocks
- Example: Show products that are on sale
- Assigning variables
- Example: Adding a product to the footer
- Layout name vs layout alias
- Customizing email templates
- Adding a block to an email template
- Using Yireo EmailTester
- CSS strategies
- How CSS is added via the XML layout
- Magento its LESS strategy
- LESS basics
- To copy Fotorama into a LESS file
- Removing calendar.css and others
- One single CSS or separate CSS files?
- Understanding the @magento_import directive
- Example module with some LESS
- LESS compilers
- Debugging var/view_preprocessed/
- Including critical CSS
- CSS responsiveness - the Magento way
- Best practices for overriding LESS files
- Using SASS instead of LESS
- SASS basics
- Grunt vs Gulp
- Using Grunt for LESS compilation
- Grunt tips
- Frontools Gulp usage
- Using subodha his Gulp
- bobmotor Gulp usage
- General performance tips
- JS bundling
- Caching blocks
- Magento theme type
- Troubleshooting themes
Deze cursus is up-to-date gebracht voor compatibiliteit met Magento 2.4.7-p1
Bekijk nu een preview
Zien is geloven
Introduction to
Development tools
Development performance
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
Static content deployment
16m 35s
Troubleshooting tips
Relevant database tables
Theme structure
02m 19s
File view.xml
Introduction to PHTML templates
04m 33s
Creating a new template
13m 03s
PHTML vs HTML templates
05m 44s
Debugging PHTML templates
06m 07s
Understanding the root template
Escaping values in templates
XML layout concepts
07m 24s
Comparison with Magento 1
04m 19s
XML layout essentials
17m 31s
Handles and handle types
21m 58s
Understanding page layouts
25m 08s
Adding labels to containers
15m 42s
Using containers
14m 48s
Adding a new page layout
The head section in the layout
10m 25s
Blocks in the layout
14m 09s
Layout updates
19m 17s
Moving elements
07m 56s
Removing elements
02m 55s
Rendering child elements in blocks
19m 17s
Reordering elements
08m 57s
Using block templates
14m 16s
Block arguments in the XML layout
20m 02s
Adding Google fonts
Common XML layout modifications
Understanding root.phtml
Overriding layout
04m 38s
Adding FontAwesome
Overriding the logo
21m 02s
Adding menu-items to the main or the top menu
Text blocks
05m 48s
Troubleshooting layout issues
Translating content
17m 20s
Using inline translations
Creating a custom language pack
How JavaScript translations work
20m 10s
Module essentials
Creating a Block
Extending AbstractBlock
01m 50s
Example: Show products that are on sale
Assigning variables
Example: Adding a product to the footer
Layout name vs layout alias
Customizing email templates
16m 00s
Using Yireo EmailTester
03m 09s
Magento its LESS strategy
LESS basics
04m 25s
To copy Fotorama into a LESS file
09m 25s
One single CSS or separate CSS files?
04m 31s
Understanding the @magento_import directive
15m 50s
Example module with some LESS
09m 57s
LESS compilers
09m 59s
Debugging var/view_preprocessed/
06m 28s
Including critical CSS
Best practices for overriding LESS files
09m 31s
Using SASS instead of LESS
SASS basics
Grunt vs Gulp
Using Grunt for LESS compilation
16m 28s
Grunt tips
Frontools Gulp usage
Using subodha his Gulp
05m 03s
bobmotor Gulp usage
General performance tips
JS bundling
Caching blocks
07m 12s
Magento theme type
Troubleshooting themes
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
Doelgroep
- Technische merchants
- Trainees of stagiaires
- Webdesigners
- Frontend developers
- Junior backend developers
De training was top! We hebben alle golden nuggets geleerd, duidelijk en toegankelijk gepresenteerd. Essentieel voor iedereen die met Magento werkt of gaat werken!Rick Bouma (Epartment)
Vereisten
- Ervaring met Magento 2 Admin Panel
- Een installatie van Magento 2 die lokaal draait
- Basiskennis van objectgeoriënteerde PHP en XML
- Vaardig in HTML en CSS
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.
Wij raden de volgende cursus volgorde aan
Magento 2 Luma Frontend Development cursus
11u aan videos
118 lessen
Optie voor in-house training
Level: Intermediate Type: Frontend Developer
Optie voor in-house training
Level: Intermediate Type: Frontend Developer
Een snelle maar grondige beschrijving van Magento 2 frontend ontwikkeling
featured
Magento 2 Backend Development I cursus
11u aan videos
84 lessen
Optie voor in-house training
Level: Intermediate Type: Backend Developer
Optie voor in-house training
Level: Intermediate Type: Backend Developer
Configureer DI XML met wijsheid en bouw krachtige extensies op basis hiervan
Magento 2 Luma JavaScript Development cursus
13u aan videos
76 lessen
Optie voor in-house training
Level: Expert Type: Frontend Developer
Optie voor in-house training
Level: Expert Type: Frontend Developer
Een duidelijke en diepgaande uitleg van JavaScript in Magento 2 Luma
featured
Magento 2 Backend Development II cursus
10u aan videos
102 lessen
Optie voor in-house training
Level: Expert Type: Backend Developer
Optie voor in-house training
Level: Expert Type: Backend Developer
Alles wat je nodig hebt om geavanceerde modules te maken volgens best practices
De videotrainingen van Yireo hebben ons ontzettend geholpen om onze PHP developers een vliegende start te geven met de omscholing tot Magento developers. We zien binnen korte tijd dat developers inzetbaar zijn op onze Magento platformenKevin van Hengst (FRMWRK)
Quotes van klanten
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)
De kennis en ervaring van Jisse merk je in enkele ogenblikken. Ondanks de vele onderwerpen toch de diepgang die je nét dat beetje extra informatie geeft om je werk beter te kunnen. Deze cursussen zijn echt aanraders! Tristan Nederhoff (Vendic)
De training maakte pure abstractie behap- en verteerbaar Marko Beenink (Mountain IT)
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
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.
