Log in

Courses

JavaScript Development Fundamentals for Magento 2 artwork

JavaScript Development Fundamentals for Magento 2

Learn the foundations of Magento frontend programming by mastering RequireJS & JavaScript components.

Last updated 1 week ago

This is a premium course

Only available to enrolled or University students.
Join today to unlock all lessons in this course.

Enroll now

There are 20 lessons in this course:

Create the initial module in Magento
2:07

Create the initial module 2

Disable caches for JavaScript development in Magento
2:14

Disable caches for JavaScript development

Understand RequireJS in Magento
4:57

Understand RequireJS 2

Understand how Magento includes the RequireJS library
2:34

Understand how Magento includes the RequireJS library

Create a custom RequireJS config file in Magento
3:26

Create a custom RequireJS config file

Create a custom AMD JavaScript component in Magento
4:05

Create a custom AMD JavaScript component 2

Write JavaScript in PHTML templates with RequireJS in Magento
2:24

Write JavaScript in PHTML templates with RequireJS

Access other JavaScript components with RequireJS in Magento
2:04

Access other JavaScript components with RequireJS

Create RequireJS aliases with map and paths in Magento
3:37

Create RequireJS aliases with map and paths 19

Add a host to the content security policy XML in Magento
2:20

Add a host to the content security policy XML 6

Initialize a JavaScript component imperatively in Magento
3:26

Initialize a JavaScript component imperatively 2

Initialize a JavaScript component declaratively in Magento
5:04

Initialize a JavaScript component declaratively 9

Pass data from PHP to JavaScript components in Magento
5:53

Pass data from PHP to JavaScript components 8

Define path fallbacks for loading JavaScript files in Magento
1:13

Define path fallbacks for loading JavaScript files 5

Use a RequireJS shim to define JavaScript relationships in Magento
4:49

Use a RequireJS shim to define JavaScript relationships 2

Locate a JavaScript component in Magento
4:25

Locate a JavaScript component 4

Override JavaScript files or components with map in Magento
4:39

Override JavaScript files or components with map

Override JavaScript component methods with mixins in Magento
5:19

Override JavaScript component methods with mixins

Downloadable archive of JsFun module 37

Explore the next steps for JavaScript development