Magento 2 Magewire Development On Demand Training

In stock

Note that this course is included in our Hyvä Checkout Development course as well. Did you already purchase that course, then you don't need to purchase this course anymore. Did you purchase this course first and then want to get started with the Hyvä Checkout Development course? Ask us for a coupon code to leverage the difference.

  • Courses included: 1
  • Total video time: 7 hours
  • Access period: 1Y
  • € 159 for 1 year
  • € 24 per hour of video available to you

Full details on this course (and its variations) can be found here:

More Information
Price €159.00
Access period 1 year

Included courses

Magento 2 Magewire Development

Status: Complete
Last updated: 2024-06-08
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 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