nov. 4 - nov. 7

Shopware Frontend Bootcamp cursus

Een intense week met enkel Shopware frontending

Check the details below

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.

Bekijk de details hieronder Or see our Shopware portfolio

Deze trainingen vormen een snelkookpan van wat een developers anders in een jaar zou opgesteken
Sabine de Vos (Modern Minds)

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, Nederland
Minimum aantal deelnemers	3
Maximum aantal deelnemers	8
Prijs	€1795 (exclusief BTW)
Inclusief	Lunch, snacks, fruit, drinks, goodies, cursusmateriaal

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, 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

nov. 4 Dag 1

Developer setup
Shopware theming basis
Twig templating
SCSS aanpassingen

nov. 5 Dag 2

Praktische scenario's
Uitleg over veelvoorkomende pagina's
Afreken- en verkooppagina's
Prestatie tuning

nov. 6 Dag 3

Twig voor gevorderden (uitbreidingen)
Prestaties
JavaScript plugins & overschrijvingen
NPM toevoegingen

nov. 7 Dag 4

Webpack
Shopware Administration preview
Shopware Apps preview
Shopware Frontends voorbeeld

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 cart- en checkout pagina'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

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.

Doelgroep

Technische merchants
Trainees of stagiaires
Webdesigners
Frontend developers
Junior backend developers

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.

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

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)

Tijdens mijn ontwikkelingscarrière heb ik gebruik gemaakt van het volledige aanbod van Yireo, zowel on-demand cursussen als klassikale cursussen. De cursussen van Yireo bieden mij net dat extraatje dat geen enkele andere cursus tot nu toe heeft kunnen bieden: de aanmoediging om buiten de gebaande paden te denken Isolde van Oosterhout (Sols Webdesign)

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