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

More Information
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.

Preview all courses

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