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