Shopware 6 Administration Development - 25 November / 26 November 2024 (2 days)
In stock
SKU
t204
€975.00
The Shopware 6 Administration is formed by a Vue app with Bootstrap. Using plugins and modules, you can extend upon various pages in multiple ways. This training is there to guide you through the system with a solid kickstart.
- Courses included: 1
Full details on this course (and its variations) can be found here: http://www.yireo.com/training/shopware6-administration
Extending the Shopware Administration
The backend of your Shopware 6 application is one big Single Page Application based on Vue. However, the Shopware flavor is different from a normal Vue app: Twig templates, global components and numerous services. This training helps you through the entire system, to make both simple and complex adjustments, so you can tune the Shopware Administration to your needs.| Price | €975.00 |
|---|---|
| Starting date | Nov 25, 2024 |
| Ending Date | Nov 26, 2024 |
Included courses
Shopware 6 Administration Development
Status: Complete
Last updated: 2024-06-08
Number of lessons: 64
Number of slides: 383
Videos: 0.4 hours
Preview this course
Want to see what this course is like? Checkout our Courseware Demo to preview this course and others.
Course content
Shopware 6 Administration Development
- Introduction
- Administration architecture
- Common tasks in the Administration
- Adding custom JavaScript
- JavaScript in the Administration
- Compiling the administration
- Plugin configuration
- Plugin configuration
- Assignment: Add a plugin configuration
- Vue architecture
- Vue essentials
- Vue components of the Shopware core
- Assignment: Add a text editor to your plugin configuration
- Registering Vue components
- Add JS to your plugin
- Assignment: Create a dummy JS file in your plugin
- Registering Vue components
- Twig JS
- Assignment: Add a custom component to your plugin configuration
- Custom component in plugin configuration
- Assignment: Add a NPM-based component to your plugin configuration
- Lazy loading of components
- Working with the Shopware object
- The Shopware object
- Shopware.Directive
- Shopware.Helper
- Vue mixins
- Shopware.Service & Shopware.ApiService
- Provide/inject
- Tips and tricks
- Administration modules
- Creating a module
- Assignment: Create a simple module
- Permissions
- Lab Exercise
- Data flow
- Vuex state
- Adding an Administration module
- Admin API
- Using the Admin API
- Sync API
- Creating an Admin API route
- Assignment: Create **custom** Admin-API Route
- Entities in the Administration
- Data layer in Administration
- Managing your entity in the Administration
- Listing your entities
- Admin entity detail page
- Creating a new entity
- The Dealers CRUD example
- Webpack
- Hot Module Reloading
- Webpack essentials
- Adding NPM packages to your JavaScript plugin
- Adding TypeScript
- Vue Single File Components
- Customizing the Administration
- Extending Vue components
- Overriding Vue components
- Changing a TwigJS template
- Calling parent methods
- Injecting into the Vue router
- Extending the product grid
- CMS customization
- Working with CMS content
- Creating a custom CMS block
- Assignment: Add a Bootstrap jumbotron CMS Block
- Creating a custom CMS element
- Assignment: Create a custom CMS Element
- Product customization
- Creating a custom fieldset
- Importing and exporting products
- Admin extension SDK
- Introduction
- End-to-end testing
- Introducing Cypress
- Using Cypress in the Administration