You're reading from Mastering Adobe Commerce Frontend Build optimized, user-centric e-commerce sites with tailored theme design and enhanced interactivity

Product type Paperback

Published in Mar 2024

Publisher Packt

ISBN-13 9781837637072

Length 402 pages

Edition 1st Edition

Languages

JavaScript

Tools

Adobe Commerce

Concepts

CMS

Author (1):

Jakub Winkler

View More author details

Table of Contents (18) Chapters

Preface

1. Chapter 1: Setting Up the Local Environment FREE CHAPTER

2. Chapter 2: Installing the Magento/Adobe Commerce Application

3. Chapter 3: Introduction to Adobe Commerce Theming

4. Chapter 4: The Layout System

5. Chapter 5: Working with Templates

6. Chapter 6: Styling an Adobe Commerce Theme

7. Chapter 7: Customizing Emails

8. Chapter 8: Introduction to JavaScript Libraries and Frameworks

9. Chapter 9: RequireJS and jQuery

10. Chapter 10: Knockout.js and UI Components

11. Chapter 11: Commonly Used Libraries Bundled with Adobe Commerce

12. Chapter 12: Storefront-Related Configuration in the Admin Panel

13. Chapter 13: Working with Magento CMS

14. Chapter 14: Frontend Optimization Techniques

15. Chapter 15: Common Tools that Help with Local Development

16. Index

Why subscribe?

17. Other Books You May Enjoy

RequireJS and jQuery

Now that we’ve had a quick introduction to the JavaScript frameworks that are used in the Adobe Commerce (AC) platform, let’s set sail and learn how to navigate the waters of RequireJS and jQuery.

In this chapter, you’ll learn how to work with RequireJS, create scripts, and add any custom third-party JavaScript to your theme. Our small journey will consist of the following aspects:

A small introduction to RequireJS and how it is embedded in the platform
How to add custom JavaScript to the theme using RequireJS
How to initialize RequireJS files in the template files
Working with jQuery inside your custom JavaScript files
How to create and extend jQuery widgets
How to modify or override objects or methods using RequireJS

This chapter is the key to understanding how AC works with JavaScript, with RequireJS as its source, since anything JavaScript-related goes – or rather should go – through RequireJS...