background

aug. 26, 2024 - aug. 29, 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
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)

Details van dit bootcamp

Start datum
maandag, augustus 26, 2024
Eind datum
donderdag, augustus 29, 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

aug. 26, 2024 Dag 1

Development setup
Shopware theming basics
Twig templating
SCSS modifications
aug. 27, 2024 Dag 2

Practical scenarios
Common pages explained
Checkout and sales pages
Performance tuning
aug. 28, 2024 Dag 3

Advanced Twig (extensions)
Performance
JavaScript plugins & overrides
NPM additions
aug. 29, 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

Deze trainingen vormen een snelkookpan van wat een developers anders in een jaar zou opgesteken Sabine de Vos (Modern Minds)
Zeer leerzame en nuttige training! Ondanks dat ik al 3+ jaar Magento ervaring heb, was er voldoende informatie waaruit ik nieuwe dingen heb geleerd. Renze Dijkstra (E-tales)
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)
Bekijk nog meer quotes van onze klanten

Een paar klanten die we hielpen met training in afgelopen jaren

eltrino.png
optaros.png
kickbyte.png
classyllama.png
pon-bike.png
igoo.png
weprovide.png
iclicks.png
cedcommerce.png
accent-interactive.png
fisheye.png
gerrits.png
Bekijk een meer compleet overzicht van onze klanten