RequireJS & JavaScript Components hero image

RequireJS & JavaScript Components

Learn the foundations of JavaScript in Magento 2 by having a great understanding of the fundamentals.

Demystifying JavaScript in Magento 2: Part 1

The JavaScript layer is one of the most complex and difficult parts of Magento to learn. Grasp the fundamentals of JavaScript in Magento in this course by starting with the basics.

How do you create a JavaScript component? Want to define a server fallback if a CDN fails? What about paths, maps, and mixins - how are they different, and when do you use each?

Mark will walk you through all of these concepts so they are no longer a mystery. At the end of this course, you'll have a solid foundation of the fundamentals of JavaScript in Magento 2.

Meet Mark, the course instructor

A sigh of relief in the complex world of Magento JavaScript

Part 1 of the Demystifying JavaScript in Magento 2 series

All skill levels welcome

Beginner, intermediate, and advanced programmers are all welcome to this JavaScript foundations course. This course is easy to understand for everyone, and the content won't go over your head.

Those new to Magento will learn new things, while those more advanced will pick up edge tricks. You'll also have a complete collection to reference when you are complete.

  • Learn faster, visually

    By watching the instructor program in front of your eyes, you will learn faster than trying to read the documentation.

  • Full source code with Snippets

    Easily reference the source code with Snippets. Snippets teach topics with blocks of code & inline comments. You can view, copy/paste, & reference every lesson in this course with a Snippet.

Focus intensely, master quickly

This RequireJS course is part 1 of the larger Demystifying JavaScript series. The topics have been broken down into multiple, smaller parts that are just the right length.

Videos are short, concise, and easy to follow along. Focus on learning intensely, one subject at a time.

  • Don't get lost

    Ever follow along and not sure what just happened? It won't happen here. Each lesson is broken down to teach only one concept.

  • Learn without getting overwhelmed

    Rather than trying to learn multiple topics at once and getting overwhelmed, you will able to fully grasp each core concept before continuing on to more advanced topics.

“The flow of material in this course from lesson to lesson is excellent. It reminded me about specific concepts such as RequireJS path fallbacks that are easy to forget about, and taught me things I didn't even know. Thanks for the great course!”  

Course curriculum

18 easy-to-consume video lessons included, yours to playback & reference forever.

Demystifying JavaScript in Magento 2: Part 1
Last updated January 18, 2021

Signup to get
3 free preview lessons.

or, Enroll Now to start the course!

Included screencasts

Each screencast video can be played back at slow or fast speed, comes with tech-friendly closed captions, and includes full source code via Snippets.

Enroll in the course

Start learning JavaScript in Magento 2 today

Choose the best payment option for you & your team.

One-Time Payment

$ supports Parity Purchasing Power

If you need to unlock the above price, use promo code:
  • Lifetime access to the course

  • Free updates for life

  • Full source code

  • 30-day satisfaction guarantee

Enroll in the University


billed once yearly at $ supports Parity Purchasing Power

If you need to unlock the above price, use promo code:
  • Immediately access all premium courses

  • Save 30% vs. purchasing courses separately

  • Early access to new lessons & courses

  • Unlimited pass to Snippets

  • Members-only premium content*

  • Get everything without needing to pick & choose

  • 30-day satisfaction guarantee University

A complete solution to train your entire team

Solve your biggest problem
Are your developers struggling with Magento 2? Get your team up to speed with simple lessons to quickly learn M2.
Path to certification
Once your team understands the fundamentals, your company will be on their way to certification badges.
Continuous improvement
Already certified & know the fundamentals? New topics are constantly added to keep developers up to speed.
Foster a culture of learning
Provide access for your developers to strive to improve, boost morale, and foster a culture of learning.
  • Unlimited access
  • All lessons & courses
  • Premium content
  • Corporate rate
  • Snippets
  • 30-day guarantee
How many students do you wish to enroll?


$ 39 /month
per student, billed yearly

Enroll now
Additional students can be enrolled for $32/month.
Interested in just this course?
Enroll your entire team in RequireJS & JavaScript Components with a single payment. is trusted by
thousands of students

Total Students
Active Slack Members
Satisfaction rate*
*Based on actual survey results from students enrolled in a premium course.

Frequently asked questions

This course assumes you have basic knowledge of Magento 2, PHP and JavaScript. This means you should be comfortable with creating modules, writing some XML, and know some of the basic design patterns in Magento. If you are not familiar with these concepts, you can check out the Magento 2 Coding Kickstart course, which teaches all of these concepts, and more.

This course was designed to be consumed by all skill levels. Beginners to Magento's JavaScript layer will learn all of the crazy RequireJS terminology. Intermediate developers will pick up some tips & tricks, while Advanced developers will cement their pre-existing knowledge with awesome reference material.

Upon completing this course, you will be an expert on subject matter involving RequireJS and what are known as "JavaScript Components".

Note that this course is part 1 of 4 of the Demystifying JavaScript in Magento 2 series, and doesn't cover all aspects of JavaScript development in Magento. This course does not cover jQuery Widgets, UI Components, or KnockoutJS. These parts will be released as subsequent courses of the series.

If you'd rather wait and purchase everything at once, please signup to be notified when the entire series is complete.

Yes, this course assumes you have a running development environment of Magento setup and running locally. If you don't already have a development environment setup, please set it up before purchasing the course. Checkout Mark's free course on how to Setup a Magento 2 Development Environment with Docker.

You can use any coding editor or IDE you wish, however it is strongly preferred to use PHPStorm due to its intelligent "click into" functionality so you can easily go deep into variables and parent classes. PHPStorm's debugging tools are second to none.

This course was created using concepts featured in Magento version 2.4. If a new best-practice approach is introduced in a future version of Magento, the course will be updated appropriately.

As a member of the University, you will get full unrestricted access to all of the content available on This includes all premium courses, early access to new lessons & courses as they are created, all available Snippets, and members-only premium content which is currently under development. This content will include access to private webinars, PDFs, premium mini-courses, & more.

If you are an agency, joining the University is most likely the best option for you and your team. You will be able to setup each developer at your company with access as a student. This puts a lot of great content into the hands of your entire team, so they have access to one of the only continued learning programs available for Magento.

Each course in the Demystifying JavaScript in Magento 2 series will most likely be a different price. The bundle containing all 4 parts may be sold at a slight discount, but don't worry. If you purchase all of them separately and the final released bundle is discounted, you'll be refunded the difference of the bundle vs. what you paid separately for each part. This should prevent the need for waiting until all courses are released in order to get the best available price.

Upon completion of the course, you'll receive a certificate of completion in your name, signed by the course instructor. This certificate will demonstrate to potential employees that you have the know-how of RequireJS & JavaScript Components in Magento. If your employer offers continuing education stipends, you can also use this certificate to get the cost reimbursed from your employer.

Enrolling in the University as an Agency provides the number of students purchased with access to the course. After enrolling, fill out the request to add students to a course form.

If they already have accounts at, the course will then be assigned to their existing account. If they do not yet have an account, one will be set up for them with the email address provided. Note that you don't need to assign all of the students right away, but can't change the assignment of a student once they have started progress if purchased with the one-time payment option.

Re-assigning students is only available for members of the University. Each subscription includes full access to If a member of your team no longer needs access because they have moved on, you can re-assign their access to another student. To do so, contact with the names & emails of your new & former employees, and we will re-assign access.

Contact if you have more than 30 developers needing access.

No worries! Your invoice will be emailed to you after purchase, but if you are purchasing this course on behalf of a business and the default invoice doesn't work for you, just reply back to your enrollment email. Send in your company name, address, and any other billing info you need to show up on the invoice. A manual PDF invoice will be generated and emailed back to you.

Meet the instructor

Mark Shust
Mark Shust

Hi there! I'm Mark 👋

My passion over the last decade has revolved entirely around Magento. Starting with the early days of Magento 0.8, I've had a heavy interest in the Zend and Magento Frameworks, and have been devoted to eCommerce & PHP for even longer (over 20 years!). I've held all positions within many organizations, ranging from junior developer to chief solution architect.

During this time I've spoken at conferences such as Magento Imagine and Meet Magento New York, and my LAMP stack programming expertise has paved the way for me to become a Zend Certified Engineer and Adobe Certified Magento Developer. I love open-source software, and have maintained docker-magento, the most popular development environment for Magento since the release of Magento 2.

I'm married to my wonderful wife Juliann, and we are the proud parents of twin girls Lily and Brielle. I live in Northeast Ohio and love eating chipotle burritos, solving Rubik's cubes, driving my 240sx, and watching Cleveland Browns games.

Read more about Mark &

© 2021 All rights reserved.
Privacy Policy · Terms of Use