Shopware Frontend II course

Name: Shopware 6 Frontend Development II training - Yireo
Brand: Yireo
Availability: InStock

Get started with Shopware 6.6 frontend development quickly and efficiently

Check our packages below

Pick the learning method that fits you best

Because everyone has different needs

Classroom-based

Live Training

See our schedule below

Instructor-led classroom
Benefit from a real-time interaction
Ask any question that you have

See our schedule below

Custom

In-House

per training per agency

Economical for groups of 5 and more
Freely debate company-specific topics
Online or on-site at your company

Get in touch

Schedule for live training

Date	Time	Language	Location	Subscribe
May 21 - May 24	09:30 - 16:30	NL	Yireo, Baarn, NL	Subscribe now
Aug 26 - Aug 29	09:30 - 16:30	NL	Yireo, Baarn, NL	Subscribe now
Nov 4 - Nov 7	09:30 - 16:30	NL	Yireo, Baarn, NL	Subscribe now

Date

May 21 - May 24

Time

09:30 - 16:30

Language

Location

Yireo, Baarn, NL

Subscribe now

Date

Aug 26 - Aug 29

Time

09:30 - 16:30

Language

Location

Yireo, Baarn, NL

Subscribe now

Date

Nov 4 - Nov 7

Time

09:30 - 16:30

Language

Location

Yireo, Baarn, NL

Subscribe now

Do these dates not fit you well? Do you want to switch to another language?
Feel free to contact us to see what other options there might be.

Your teacher Jisse Reitsma

Jisse is a familiar face in the Shopware community: He worked together with Shopware to create a series of videos (totalling 24 hours) to help Magento developers on-board Shopware. Besides this, he also worked together with Rico Neitzel to put together an official Shopware training curriculum. And he has contributed to numerous Shopware extensions in the past years.

Get started with Shopware 6.6 frontend development quickly and efficiently

Shopware 6 offers a good alternative for frontend developers, that want to rely upon a solid backend but still want to heavily customize the frontend at will. This training helps you to get kickstarted with Shopware 6 theming quickly, while also focusing on some advanced parts like JS plugins and performance.

These trainings form a pressure cooker of what a developer would otherwise learn in a year

Sabine de Vos (Modern Minds)

Or browse through all lessons in our courseware portal

We are constantly updating our courseware, but the following is a real-life snapshot

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

Full access to all videos and other coursematerial is available for attendees of live trainings.

These are the options we give you

At your place or ours?

Everyone learns at her/his own pace. We provide both in-house training and public training throughout Europe - whatever suits your team best. When 3 or more developers are attending, a custom training is often more economical. Contact us for more details.

You'll get courseware

Every workshop is accompanied with official Yireo coursematerial. Attendees are sent a digital version of this material after the training. It contains slides, comments and references. Additionally, our GitHub repos contain numerous more code samples.

Online classrooms

Online trainings are also our training: Via Zoom or Google Hangout sessions, our teacher is able to connect with your team. The benefit here is that the team is able to connect from various places itself as well, timeframes are more flexible. Afterwards, a video recording will be shared with all attendees for reference.

Yireo could be the right partner for you

We have trained 5000+ developers in numerous disciplines since 2005

Professional training at affordable prices
Truely active with numerous open source projects in the community
Trainings, bootcamps, hackathons, events
Passionate, enthousiastic, knowledgable in the right combination

Training topics

Explore your topics of choice

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
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
Compiling custom NPM packages
Using theme variables in JavaScript
Dealing with Viewports in your Shopware JavaScript
JavaScript in the Storefront
Exercise: Compile JS sources
Adding JavaScript to your Shopware plugin
Exercise: Create a custom JS plugin
Using jQuery
Using plugin variables in JS
Debugging JavaScript
Overriding an existing JavaScript plugin
Overriding the OffCanvasCartPlugin options
Overriding Tiny Slider
Dealing with JavaScript events in Shopware 6
Common JavaScript utilities
Using AJAX in the Shopware storefront
Dealing with Viewports in your Shopware JavaScript
Using the DOM in your Shopware JS plugin
Webpack essentials
Adding NPM packages to your JavaScript plugin
Adding TypeScript
Introduction to Shopware Apps
App manifest.xml
Introduction to Shopware PWA

Target group

Junior frontend developers
Junior backend developers

Requirements

Experience with Shopware 6 Admin Panel
An installation of Shopware 6 running locally
Basic knowledge of object-oriented PHP
Skilled in HTML and CSS, preferably SCSS

Trainings in the same series

Shopware 6 Backend Development I training

No on-demand videos
Option for in-house training

Shopware 6 PWA Development training

14h of videos 73 lessons
Option for in-house training

Frequently Asked Questions

There is a minimum number of attendees listed. What does this mean?

The training is only held as a physical classroom when there is a minimum number of attendees. This number is usually 4 but sometimes we bring this down to 2 or 3. This minimum number simply means that if a class is not "full", either you get a refund or your ticket is transferred to another date. With On-Demand courses (video courses), this number is not applicable.

Customer quotes

Even when you think you know a few things about Magento, Jisse still manages to tell you about useful details that you never thought about. Ruben Zuidervaart (Epartment)

The training was great! We learned all the golden nuggets, presented clearly and accessible. Essential for anyone who works or will work with Magento! Rick Bouma (Epartment)

Fast paced, in-depth introduction to Hyvä Checkout and Magewire. Jisse truly is an experienced and knowledgable teacher who offers courses for small groups of people with enough room for questions and participation of all participants Ingmar de Vos (Mountain IT)