Shopware Frontend I course
Get started with Shopware 6.6 frontend development quickly and efficiently
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.
5+
Hours of video
105
Lessons
383
Pages
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.
Pick your On-Demand Shopware video course
And you can start right away
On-Demand Solo
€
189
(USD 199)
per year per individual
- Full access to this course
- More than 5+ hours of video
- Student notes of 383+ pages
- Learn at your own pace
On-Demand Bulk
€
749
(USD 788)
per year per individual
- Access to 47+ hours of Shopware courses
- Student notes of 4325+ pages
- Ideal if you want to grasp everything
On-Demand Premium
€
2399
(USD 2526)
per year for an agency
- Everything under On-Demand Bulk
- Costing €9 per hour (or lower) per person
- Continuously upgrade your teams knowledge
Or go for a teacher-led session
Because everyone has different needs
Classroom
Live Training
See our schedule below
- Everything under On-Demand Standard
- Instructor-led classroom
- Benefit from a real-time interaction
- Ask any question that you have
Agency
In-House
per training per agency
- Everything under On-Demand Standard
- Economical for groups of 5 and more
- Freely debate company-specific topics
- On-site at your company office
Agency
Online
per training per agency
- Everything under On-Demand Standard
- Ideal for online or hybrid teams
- Recordings available afterwards
- Online via Zoom, Teams or similar
Join our upcoming training in Baarn
Monday, November 4, 2024 - Thursday, November 7, 2024
Schedule for live training
| Date | Training | Location | Details | |
|---|---|---|---|---|
|
Nov 4 - Nov 7 |
Shopware Frontend Development Bootcamp |
NL |
Yireo, Baarn, The Netherlands
|
Learn more
|
Date
Nov 4 - Nov 7
Training
Shopware Frontend Development Bootcamp
NL
Location
Details
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.
Shopware training topics
Explore your topics of choice
- Shopware 6 Frontend Development
- Prerequisites
- Terms used in this course
- Development setup
- Disable caching
- IDE setup
- Using the Symfony Profiler
- Project and Directory structure
- CLI tools
- Creating a new theme
- Theme configuration
- Theming structure
- Explaining the theme.json file
- Theme inheritance
- Working with assets
- Translations
- Understanding Twig templating
- Debugging Twig templates
- Twig filters
- Shopware-specific Twig tags
- Twig template overrides
- Working with assets in Twig
- Remove the phonenumber from the contact form
- Adding a custom field to the footer
- Overriding a logo
- Using an SVG logo
- Working with variables in Twig
- CSS strategy
- Hot Module Reloading
- Introducing SCSS
- Internals of SCSS compilation
- Modifying SCSS variables
- Working with Twitter Bootstrap
- Using theme.json variables in SCSS and Twig
- 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
- 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
This course has been updated for compatibility with Shopware 6.6
Or browse through all lessons in our courseware portal
We are constantly updating our courseware, but the following is a real-life snapshot
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
These videos are available as an On-Demand video training (with notes). See the pricing for details.
This course has been updated for compatibility with Shopware 6.6
Target group
- Technical merchants
- Trainees or interns
- Webdesigners
- Frontend developers
- Junior backend developers
You will notice Jisse his knowledge and experience in just a few moments. Despite the many topics, there is still depth that gives you that little bit of extra information to improve your work. These courses are highly recommended!Tristan Nederhoff (Vendic)
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
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.
On-demand self-paced training
This training is also available as an On-Demand training: Via numerous video lessons, including accompanying student notes (equalling a book on their own), you'll learn about the topics in your own pace. And when you bump into questions, you can fall back to the teachers guidance.
We recommend the following training flow
Shopware 6 Frontend Development I training
5h of videos
105 lessons
Option for in-house training
Level: Intermediate Type: Frontend Developer
Option for in-house training
Level: Intermediate Type: Frontend Developer
Get started with Shopware 6.6 frontend development quickly and efficiently
Shopware 6 Frontend Development II training
3h of videos
52 lessons
Option for in-house training
Level: Expert Type: Frontend Developer
Option for in-house training
Level: Expert Type: Frontend Developer
Get started with Shopware 6.6 frontend development quickly and efficiently
Shopware 6 Backend Development I training
7h of videos
66 lessons
Option for in-house training
Level: Intermediate Type: Backend Developer
Option for in-house training
Level: Intermediate Type: Backend Developer
A quick-paced but thorough coverage of Shopware 6 backend development
Shopware 6 Backend Development II training
No on-demand videos
Option for in-house training
Level: Expert Type: Backend Developer
Option for in-house training
Level: Expert Type: Backend Developer
Dive deeper into the Shopware 6 application
You will notice Jisse his knowledge and experience in just a few moments. Despite the many topics, there is still depth that gives you that little bit of extra information to improve your work. These courses are highly recommended!Tristan Nederhoff (Vendic)
Customer quotes
Jisse understands how you can put your brain to work and keep you constantly on the edge of your seat Kayne Spikker (Modern Minds)
I have made use of Yireo its full range of both on-demand courses as well as classroom courses during my development career. Yireo its courses provide me with just that extra that no other courses have yet been able to: the encouragement to think outside the box. Isolde van Oosterhout (Sols Webdesign)
Jisse challenges my thinking by asking questions during the course, showing edge case implementations and pointing out the various hurdles to consider when developing software. Isolde van Oosterhout (Sols Webdesign)
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
Some of the customers that we have trained in the past years
Frequently Asked Questions
There is a minimum number of attendees listed. What does this mean?
When this course is organized in the form of a classroom-training, it is only held if 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.
Do you have any PPP discount available?
Yes, we do have a PPP (Purchasing Power Parity) discount available. Just enter `PPP` as a coupon code and the discount will be applied to your cart. We are using the Big Mac Index to recalculate prices. Note that - when ordering for a specific PPP rate - the country that you're entering in your billing address needs to match the exact country that you are visiting from (in other words: your IP needs to match the country you say you're from).
