nov. 4, 2024 - nov. 7, 2024

Shopware Frontend Bootcamp cursus

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.

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

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

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

Order state machines

Introduction to payment handlers

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

Using a logger

Using Redis

What Will Be Covered?

Development setup

Creating a theme

Exercise: Create a theme

Creating a plugin

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.

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

Met deze academy werd alles aangeraakt wat Magento 2 te bieden heeft. No stone was left unturned. Zeker aan te raden als je ervaring op wilt doen in de wereld van Magento, of je nou junior bent of senior developer die net in de wereld van Magento stapt. Kevin van Welzenis (Vendic)

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)

Zelf als je denkt al wat te weten over Magento, krijgt Jisse het voor elkaar een paar bruikbare details te vertellen waaraan je nooit hebt gedacht. Ruben Zuidervaart (Epartment)

Bekijk nog meer quotes van onze klanten