Magento 2 Luma JavaScript Development - On Demand Training

In stock
SKU
v05
€259.00
  • Courses included: 1
  • Total video time: 14 hours
  • Access period: 1Y
  • € 259 for 1 year
  • € 19 per hour of video available to you
More Information
Price €259.00
Access period 1 year

Included courses

Magento 2 Luma JavaScript Development

Status: Complete
Last updated: 2024-07-03
Number of lessons: 76
Number of slides: 335
Videos: 14 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 Luma JavaScript Development

  • JavaScript
  • Luma JavaScript standards
  • Invocation patterns
  • 02-jquery
  • jQuery in Magento
  • Assignment: Create a simple jQuery snippet
  • jQuery and the keyword this
  • jQuery noConflict mode
  • RequireJS
  • How JavaScript translations work
  • AMD standard
  • RequireJS basics
  • RequireJS config per Magento module
  • Assignment: Create a RequireJS module with alias
  • RequireJS configuration
  • RequireJS rewrites
  • Assignment: RequireJS rewrites
  • RequireJS shims
  • RequireJS mixins
  • Assignment: Create a mixin
  • Component initializations
  • Assignment: Component initializations
  • Return values of RequireJS modules
  • Example: Changing background color
  • Assignment: Rewrite your jQuery snippet to a component
  • Changing options of the StoreView switcher
  • Assignment: Changing the StoreView switcher
  • Assignment: Translate values in JavaScript
  • Dynamic dependencies
  • RequireJS tips
  • KnockoutJS
  • Introduction to Knockout.js
  • Knockout Context Debugger browser plugin
  • Binding Knockout the Magento way
  • Assignment: Create an UIComponent
  • Binding variables in Knockout
  • Text input with Knockout observable
  • Using `ko.observableArray`
  • Simple counter with Knockout
  • Assignment: Edit the message of your UIComponent
  • Interacting with Knockout ViewModels
  • Interacting with Magento uiComponents
  • Simple Knockout ViewModel linking
  • Analysing the customer greeting
  • Subscribing to the minicart
  • Assignment: Create an UIComponent listening to cart changes
  • Working with computed observables
  • Knockout Components
  • Debugging Knockout
  • Using the uiRegistry
  • Definition of UiComponents
  • Advanced UiComponent
  • Knockout HTML templates
  • Analysing the minicart
  • Rendering child components
  • Adding extra info to the minicart
  • KnockoutJS Advanced
  • State component with Knockout
  • Extending the checkout
  • ConfigProviders for `window.checkoutConfig`
  • Layout processors
  • Adding a new Layout Processor
  • Adding a child component to the checkout
  • Adding a new step in checkout
  • Component configuration
  • Adding a field to the address form
  • Adding a CMS block in checkout
  • Data sources in the checkout
  • Add additional email validation
  • ZIP code validation
  • Payment validators
  • Observer quote changes
  • Calling upon `checkoutProvider`
  • Add a block to the sidebar
  • Observing field validation
  • Private content
  • Definition of Private Content
  • Dealing with `customerData`
  • Example for using `customerData`
  • Add a new customerData section
  • How `customerData` sections get their data
  • Showing `customer().lastname` in a Knockout template
  • Depersonalizer