background

nov. 4, 2024 - nov. 7, 2024

Shopware Frontend Bootcamp cursus

Een intense week met enkel Shopware frontending

Een intense week met enkel Shopware frontending

Kun je één ontwikkelaar niet te lang missen? Maar wil je er toch zeker van zijn dat die ontwikkelaar zich snel verdiept in Shopware? Ons bootcampconcept biedt een snelle oplossing: een vaste hoeveelheid tijd om in snel tempo tal van onderwerpen te behandelen.

See the details below Or see our Shopware portfolio
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)

Details van dit bootcamp

Start datum
maandag, november 4, 2024
Eind datum
donderdag, november 7, 2024
Tijden per dag
09:30 - 16:30
Dagen
4 dagen
Locatie
Yireo, Baarn, NL
Maximum aantal deelnemers
3
Maximum of attendees
8
Prijs
€1795 (excluding VAT)
Inclusief
Lunch, snacks, fruit, drinks, goodies, cursusmateriaal
Contact us for details

Outline van dag tot dag

nov. 4, 2024 Dag 1

Development setup
Shopware theming basics
Twig templating
SCSS modifications
nov. 5, 2024 Dag 2

Practical scenarios
Common pages explained
Checkout and sales pages
Performance tuning
nov. 6, 2024 Dag 3

Advanced Twig (extensions)
Performance
JavaScript plugins & overrides
NPM additions
nov. 7, 2024 Dag 4

Webpack
Shopware Administration preview
Shopware Apps preview
Shopware Frontends preview

Onderwerpen van dit bootcamp

Thema-initialisatie CLI-opdrachten voor thema's SCSS-creatie en -overschrijvingen Werken met Twig-sjablonen en fragmenten JavaScript-plug-ins Beeldoptimalisatie in Shopware Vertalingen Plug-ins van derden overschrijven Werken met product- en categoriepagina's Werken met winkelwagen- en afrekenpagina's Implementatiestrategie Dealing with media entities in Twig Translations and localization SEO optimization Referring to snippets JavaScript plugin creation Async JavaScript loading with Shopware 6.6 Overriding JavaScript plugins Adding JS dependencies with NPM Extending Webpack Image optimization in Shopware Overriding third party plugins Customizing CMS Pages, Sections, Blocks and Elements Deployment strategy Performance optimization (CWV, WebP/AVIF, etc) Death to Shopware PWA, long live Shopware Frontends Introduction to the Shopware App System Introduction to Shopware 6 Administration (Vue)

Deze lessen zijn onderdeel van dit bootcamp

Met dit bootcamp krijg je ook toegang tot de volgende online video's

Shopware 6 Frontend Development  
Prerequisites  
Terms used in this course  
Development setup   03m 45s
Disable caching  
IDE setup  
Using the Symfony Profiler  
Project and Directory structure  
CLI tools  
Creating a new theme   09m 22s
Theme configuration  
Theming structure  
Explaining the theme.json file   11m 52s
Theme inheritance  
Working with assets  
Translations  
Understanding Twig templating   18m 43s
Debugging Twig templates  
Twig filters   08m 38s
Shopware-specific Twig tags   13m 59s
Twig template overrides  
Working with assets in Twig  
Remove the phonenumber from the contact form   24m 07s
Adding a custom field to the footer   14m 03s
Overriding a logo   17m 09s
Using an SVG logo   09m 30s
Working with variables in Twig  
CSS strategy  
Hot Module Reloading   12m 38s
Introducing SCSS   10m 22s
Internals of SCSS compilation  
Modifying SCSS variables   22m 39s
Working with Twitter Bootstrap   16m 08s
Using theme.json variables in SCSS and Twig   37m 27s
Working with assets in CSS  
Responsive webdesign  
Adding FontAwesome icons  
Using Tailwind instead of Bootstrap  
Snippets  
Customizing the product details page  
Adding a Custom Field to the product page  
Adding a property to the product page  
Adding a tab to the product detail page  
Customizing the category page  
Adding a custom field to a category  
Customizing the homepage  
Accessing the request in Twig  
Modifying the checkout  
Adding a custom field to the checkout  
Add a custom block with a shipping method  
Cart architecture   11m 00s
Order state machines  
Introduction to payment handlers   18m 21s
Modifying the revocation policy  
Performance metrics  
Caching strategies  
Optimizing images  
CSS & JS bundling  
Using a CDN  
Minify HTML  
Optimizing fonts  
Using @Routes  
Customizing email templates  
Working with CMS content  
Using media entities  
Using flatpickr for the birthday field   50m 24s
Adding global Twig variables  
Adding a custom Twig filter  
Add a middle name to a customer form  
Add a custom block with a shipping method  
Development tips  
Setting up PHPStorm   13m 03s
Using a logger   11m 25s
Using Redis   10m 50s
What Will Be Covered?  
Development setup  
Creating a theme  
Exercise: Create a theme  
Creating a plugin   05m 44s
Exercise: Create a plugin  
Twig essentials  
Exercise: Override some Twig template  
Adding new Twig variables  
Using theme.json variables in SCSS and Twig   37m 27s
Using plugin variables (config.xml)  
Adding global Twig variables  
Adding a custom Twig filter  
Adding a custom Twig function  
Extending the page  
Pages and Pagelets  
Extending the footer pagelet  
Using the StorefrontRenderEvent  
Add a middle name to a customer form  
JavaScript in the Storefront  
Adding JavaScript to your Shopware plugin   27m 17s
Compiling custom NPM packages  
Using theme variables in JavaScript   37m 27s
Dealing with Viewports in your Shopware JavaScript   07m 18s
JavaScript in the Storefront  
Exercise: Compile JS sources  
Adding JavaScript to your Shopware plugin   27m 17s
Exercise: Create a custom JS plugin  
Using jQuery  
Using plugin variables in JS  
Debugging JavaScript  
Overriding an existing JavaScript plugin   06m 15s
Overriding the OffCanvasCartPlugin options  
Overriding Tiny Slider  
Dealing with JavaScript events in Shopware 6   27m 56s
Common JavaScript utilities  
Using AJAX in the Shopware storefront   20m 49s
Dealing with Viewports in your Shopware JavaScript   07m 18s
Using the DOM in your Shopware JS plugin   07m 24s
Webpack essentials  
Adding NPM packages to your JavaScript plugin   26m 16s
Adding TypeScript  
Introduction to Shopware Apps  
App manifest.xml  
Introduction to Shopware PWA  
Registreer nu voor dit bootcamp
Jisse Reitsma

Jouw docent Jisse Reitsma

Jisse is een bekend gezicht in de Shopware community. Hij beheert een aantal kleinschalige Shopware extensies, maar is vooral bekend van de officiele developer videos (24 uur) die hij voor Shopware zelf heeft gemaakt. Daarnaast heeft hij aan de basis gestaan van het officiele Shopware trainings curriculum. En hij organiseert regelmatig hackathons voor Shopware developers: Een echte goeroe, de perfecte man om een professionele development training te geven.

Target group

Doelgroep

  • Technische merchants
  • Trainees of stagiaires
  • Webdesigners
  • Frontend developers
  • Junior backend developers
Requirements

Vereisten

  • Ervaring met Shopware 6 Administration panel
  • Een installatie van Shopware 6 die lokaal is uitgevoerd
  • Basiskennis van objectgeoriënteerde PHP
  • Vaardig in HTML en CSS, bij voorkeur SCSS

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.

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

Quotes van klanten

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 platformen Kevin van Hengst (FRMWRK)
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)
Als Jisse over Magento begint te praten komt er altijd wel iets interessants tussendoor. De Hyvä Checkout training is daar geen uitzondering op. Of je er nou al veel of weinig mee gewerkt hebt, Jisse neemt je mee naar het interne van de checkout en legt je uit waarom die werkt zoals die werkt. Zodat je daarna een solide basis hebt om zelfstandig op verder te werken. Michiel Gerritsen (Control-Alt-Delete)
Bekijk nog meer quotes van onze klanten

Een paar klanten die we hielpen met training in afgelopen jaren

cedcommerce.png
youwe.png
fisheye.png
bitbull.png
pinpoint-design.png
glue.jpg
isaac.png
guapa.png
nodots.png
epartment.png
vicus.png
bluebirdday.png
Bekijk een meer compleet overzicht van onze klanten