dec. 2 - dec. 5
Magento Frontend Bootcamp cursus
Eén enkele week met alleen Magento frontending
Eén enkele week met alleen Magento frontending
Kun je één ontwikkelaar niet te lang missen? Maar je wilt er toch voor zorgen dat die developer snel diepgang krijgt? Ons bootcamp-concept biedt een snelle oplossing: Een vaste hoeveelheid tijd om verschillende onderwerpen in een snel tempo te behandelen.
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 deelnemersIngmar de Vos (Mountain IT)
Details van dit bootcamp
|
Start datum |
maandag, december 2, 2024 |
|
Eind datum |
donderdag, december 5, 2024 |
|
Tijden per dag |
09:30 - 16:30 |
|
Dagen |
4 dagen |
|
Locatie |
Yireo, Baarn, Nederland
|
|
Minimum aantal deelnemers |
3 |
|
Maximum aantal deelnemers |
8 |
|
Prijs |
€1795 (exclusief BTW) |
|
Inclusief |
Lunch, snacks, fruit, drinks, goodies, cursusmateriaal |
- Start datum
-
maandag, december 2, 2024
- Eind datum
-
donderdag, december 5, 2024
- Tijden per dag
-
09:30 - 16:30
- Dagen
-
4 dagen
- Locatie
-
Yireo, Baarn, Nederland
- Minimum aantal deelnemers
-
3
- Maximum aantal deelnemers
-
8
- Prijs
-
€1795 (exclusief BTW)
- Inclusief
-
Lunch, snacks, fruit, drinks, goodies, cursusmateriaal
Outline van dag tot dag
dec. 2
Dag 1
Luma basisthema
Hyvä basisthema
Sjabloon overschrijvingen
XML opmaak definities
Luma basisthema
Hyvä basisthema
Sjabloon overschrijvingen
XML opmaak definities
dec. 3
Dag 2
Blok & ViewModel klassen
Frontend prestaties
Magewire basis
Blok & ViewModel klassen
Frontend prestaties
Magewire basis
dec. 4
Dag 3
Luma JavaScript basisbeginselen
KnockoutJS & RequireJS
Luma checkout
Luma JavaScript basisbeginselen
KnockoutJS & RequireJS
Luma checkout
dec. 5
Dag 4
Hyvä thema aanpassingen
TailwindCSS en AlpineJS
Compatibiliteit modules
Hyvä thema aanpassingen
TailwindCSS en AlpineJS
Compatibiliteit modules
Onderwerpen van dit bootcamp
Basisthema skelet
Statische inhoud inzetten
Werken met de pub/map
Essentiële implementatiemodi
Omgaan met view.xml
XML opmaak updates
Paginagrepen en andere grepen
Paginalayouts en layoutstructurering
Bloklayouts wijzigen
PHTML opmaak
Onnodige CSS verwijderen
Omgaan met blokken en containers
Kindblokken renderen
Blok caching vs volledige pagina caching
Een eenvoudige module maken
Werken met ViewModels vs Blokken
Grunt en Gulp
CSS op de juiste manier aanpassen
LESS en SASS
Responsiviteit
Prestatie optimalisaties
Modulepatronen, invokatiepatronen
JavaScript klassen en prototypeketen
jQuery widgetinstantie vs jQuery-plugins
AMD en RequireJS scripts
Declaratieve vs imperatieve invocatie
RequireJS configuratie en overschrijvingen
RequireJS mappings en paden
RequireJS overrides vs mixins
KnockoutJS ViewModels en observables
Abonneren op Knockout events
Analyseren van UIComponents zoals de minicart en de checkout
Knockout templating met child componenten
Een stap toevoegen in de checkout
Velden wijzigen in de checkout
Gegevens laden van de server via customerData
Configuratieschermen en opmaakverwerkers
Privé-inhoud versus openbare inhoud
De uiRegistry gebruiken
Debuggen KO ViewModels en de XML-opmaak kerstboom
Overzicht van Hyva-thema's
Succesvol projecten uitvoeren met Hyva
TailwindCSS opstarten
Het ViewModel register gebruiken
AlpineJS opstarten
Werken met customerData
Werken met aangepaste Hyva-events
AlpineJS componenten in Hyva
GraphQL en andere AJAX-oproepen doen
Doorlopen van Hyva Checkout (React)
Bestaande Magento extensies migreren
Deze lessen zijn onderdeel van dit bootcamp
Met dit bootcamp krijg je ook toegang tot de volgende online video's
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
Luma JavaScript standards
jQuery in Magento
jQuery and the keyword this
jQuery noConflict mode
How JavaScript translations work
20m 10s
RequireJS shims
11m 59s
RequireJS mixins
33m 55s
Component initializations
34m 10s
Example: Changing background color
48m 57s
Changing options of the StoreView switcher
13m 35s
Dynamic dependencies
RequireJS tips
Text input with Knockout observable
11m 05s
Using ko.observableArray
11m 28s
Interacting with Magento uiComponents
16m 23s
Analysing the customer greeting
14m 14s
Subscribing to the minicart
36m 47s
Working with computed observables
Knockout Components
Debugging Knockout
Definition of UiComponents
16m 01s
Advanced UiComponent
18m 29s
Knockout HTML templates
17m 51s
Rendering child components
30m 35s
State component with Knockout
ConfigProviders for window.checkoutConfig
10m 56s
Adding a new Layout Processor
15m 52s
Component configuration
15m 01s
Adding a field to the address form
Adding a CMS block in checkout
24m 04s
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
Running a project in Hyvä
10m 41s
Development tools for Hyvä
06m 41s
Installation of Hyvä packages
12m 00s
Creating a new Hyva theme
13m 16s
Discovering the Hyva/default theme
15m 20s
Introducing Tailwind
19m 00s
Quick start
23m 49s
Configuring breakpoints
12m 49s
Configuring colors
17m 17s
Working with PostCSS
06m 54s
Optimizing CSS classes
22m 16s
Purging Magento modules
Tailwind plugins
05m 49s
Using the prose plugin
11m 23s
The workings of @apply
04m 49s
Tips and tricks
Just-In-Time Mode
14m 17s
Tailwind 3 upgrade
Using PhpStorm for Tailwind development
04m 14s
Using ViewModels
14m 13s
Creating a ViewModel for Hyva
10m 14s
Working with icons
x-model directive
05m 21s
Magics
01m 54s
The $el magic
01m 31s
The $nextTick magic
05m 13s
x-ref directive
06m 26s
Watching variables
03m 49s
x-cloak directive
03m 50s
x-spread directive
04m 14s
Nested data
AlpineJS state
03m 47s
Copying a slider from alptail
19m 45s
JavaScript events in Hyva
09m 39s
Hyva private content
27m 27s
Depending on window.hyva
04m 00s
Mixing AJAX call with events
Loading a CMS Block via GraphQL
34m 59s
Customizing the React checkout
11m 08s
Fixing the cart ID
04m 11s
Fix duplicate React versions
03m 14s
Fix the vendor folder
03m 55s
Overriding components
06m 11s
React or Preact developer tools
06m 08s
React checkout architecture
24m 15s
Using context in the React checkout
Using the React checkout in production
Dealing with CORS issues
Compatibility modules
07m 50s
Rewrite Luma scripts to Alpine
07m 23s
Using compatibility modules
08m 05s
Creating a compatibility module
24m 07s
Converting an Example Widget module
20m 06s
Introduction to Hyvä widgets
Performance tips
Equal heights solutions
Ontmoet de docenten
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.
Len Lorijn
Len heeft door de jaren heen als Magento backend developer gewerkt voor diverse bureaus, waaronder Guapa, Youwe en Elgentos. Ook hielp hij bij de organisatie van MageTitans Groningen en was hij vrijwilliger bij MageUnconference NL. Hij kent de technologie, hij houdt van de technologie, hij is de juiste man om je in de technologie te begeleiden. In zijn vrije tijd speelt hij ook in een band.
Doelgroep
- Technische merchants
- Trainees of stagiaires
- Webdesigners
- Frontend developers
- Junior backend developers
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.
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
Quotes van klanten
De training maakte pure abstractie behap- en verteerbaar Marko Beenink (Mountain IT)
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)
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)
Een paar klanten die we hielpen met training in afgelopen jaren
