Magento 2 Hyvä Checkout Development On Demand Training
In stock
SKU
v17
€259.00
- Courses included: 1
- 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-04-19
Number of lessons: 74
Number of slides: 276
Videos: 11 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
- My Development Setup
- Getting started
- Magewire installation
- Assignment: Install MageWire
- Troubleshooting MageWire installation
- What is MageWire?
- Hyvä Checkout installation
- Configuring Hyvä Checkout
- Create a custom Hyvä Theme
- Customize styling
- Debugging MageWire
- Using the LiveWire DevTools
- MageWire
- Example module with MageWire
- Binding handlers
- Magewire with lists
- Modifiers
- `wire:select` modifier
- Assignment: Create a simple counter component
- Example counter with MageWire
- Example counter with MageWire (advanced)
- Magewire being `dirty`
- Switch a block template in Magewire
- Magewiring forms
- Magic actions
- Add Hyva styling to your component
- Combining MageWire with Alpine
- Initializing content via `wire:init`
- How MageWire loads data
- MageWire HTTP calls
- Component classes
- MageWire, ViewModel or Block?
- Component hooks
- Client-side hooks
- Events and listeners
- JavaScript events
- Magento events
- Different events, different scenarios
- Hydrators
- Nesting components
- Nesting components with same class
- Strong typing and Magewire
- Dom Diffing issues
- Magewire scenarios
- A product finder based on Magewire
- Adding Magewire to the minicart
- 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 while trying to load the checkout
- 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
- JS customization
- Entanglement
- The Magewire JavaScript object
- Payment methods
- Payment methods