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

More Information
Price €259.00
Access period 1 year

Included courses

Magento 2 Hyvä Checkout Development

Status: Complete
Last updated: 2024-03-22
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.

Preview all courses

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
  • 10-payment-methods
  • Payment methods