Shopware Frontend II 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.
3+
Hours of video
52
Lessons
253
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 194)
per year per individual
- Full access to this course
- More than 3+ hours of video
- Student notes of 253+ pages
- Learn at your own pace
On-Demand Bulk
€
749
(USD 769)
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 2465)
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
- 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
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
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
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
- Junior frontend developers
- Junior backend developers
The training made pure abstraction manageable and digestibleMarko Beenink (Mountain IT)
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
A crash course by Yireo is like to be Neo learning Kung FuTjitse Efdé (Vendic)
Customer quotes
The training made pure abstraction manageable and digestible Marko Beenink (Mountain IT)
Jisse gives cool training courses that you can put to good use in practice. Besides being informative, it is also fun to listen to. Roy van Os (Active Ants)
Jisse understands how you can put your brain to work and keep you constantly on the edge of your seat Kayne Spikker (Modern Minds)
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).
