Magento 2 Hyvä Checkout Development On Demand Training
In stock
SKU
v17
€259.00
Note that this course also includes the Magewire Development course. Did you already purchase this course, then you don't need to purchase that Magewire course anymore. Did you purchase that Magewire course first and then want to get started with this Hyvä Checkout Development course? Ask us for a coupon code to leverage the difference.
- Courses included: 2
- Total video time: 11 hours
- Access period: 1Y
- € 259 for 1 year
- € 24 per hour of video available to you
Full details on this course (and its variations) can be found here: https://www.yireo.com/training/magento2-frontend-development-hyva-checkout
| Price | €259.00 |
|---|---|
| Access period | 1 year |
Included courses
Magento 2 Hyvä Checkout Development
Status: Complete
Last updated: 2024-07-03
Number of lessons: 36
Number of slides: 127
Videos: 4.2 hours
Magento 2 Magewire Development
Status: Complete
Last updated: 2024-07-03
Number of lessons: 42
Number of slides: 160
Videos: 6.7 hours
Preview this course
Want to see what this course is like? Checkout our Courseware Demo to preview this course and others.
Course content
Magento 2 Hyvä Checkout Development
- Introduction
- Course introduction
- Meet Hyvä
- Hyvä and checkouts
- Hyvä Checkout
- Requirements for this course
- Getting started
- Magewire first
- Hyvä Checkout installation
- Configuring Hyvä Checkout
- Create a custom Hyvä Theme
- Customize styling
- Debugging MageWire
- Using the LiveWire DevTools
- Hyva Checkout architecture
- Hyva Checkout architecture overview
- The XML layout of Hyva Checkout
- Blocks, ViewModels and Components
- Steps and step evaluation
- Conditions
- Customizing things
- Something went wrong
- Events
- JavaScript events in checkout
- Magento observable events
- MageWire events
- Form manipulation
- Modifying form fields in the Admin
- Additional EAV shipping address field
- Registering a form modifier
- Common actions in form modifiers
- Form events
- Example: Changing Tailwind classes
- Creating new fields
- Form components
- Magewiring the address
- Checkout scenarios
- Checkout progress bar
- Reordering steps in the checkout
- Additional step in the checkout
- In-store pickup
- Payment methods
- Payment methods
Magento 2 Magewire Development
- Introduction
- Course introduction
- About Magewire
- What is MageWire?
- Requirements for this course
- My Development Setup
- Getting started
- Magewire installation
- Assignment: Install MageWire
- Troubleshooting MageWire installation
- MageWire basics
- Example module with MageWire
- Binding handlers
- Magewire with lists
- Modifiers for binding handlers
- `wire:select` modifier
- Assignment: Create a simple counter component
- Example counter with MageWire
- Example counter with MageWire (advanced)
- Magewire being `dirty`
- Example: Switch the block template
- Magewiring forms
- Magic actions
- Add Hyva styling to your component
- Architecture
- Initializing content via `wire:init`
- How MageWire loads data
- MageWire HTTP calls
- Component classes
- MageWire, ViewModel or Block?
- Combination with AlpineJS
- Combining MageWire with Alpine
- Hooks and events
- Component hooks
- Client-side hooks
- Events and listeners
- JavaScript events
- Magento events
- Different events, different scenarios
- JS customization
- Entanglement
- The Magewire JavaScript object
- Advanced topics
- Hydrators
- Nesting components
- Nesting components with the same class
- Strong typing and Magewire
- Dom Diffing issues
- Magewire scenarios
- A product finder based on Magewire
- Adding Magewire to the minicart