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

The location of JavaScript resources

Understanding the structure and location of JavaScript resources within Adobe Commerce is crucial for developers aiming to customize and enhance their eCommerce platforms. Here are the key paths within the root folder of your project where our resources can be found:

lib/web: This directory holds the AC core web libraries, including jQuery, Knockout JS, and RequireJS, among others. It’s a crucial resource for common libraries used across the platform.
<module_dir>/view/<areaname>/web: This is a module-related directory that stores all required resources, including JavaScript files. JavaScript files should always be placed in a js folder inside the web directory. <module_dir> is the location of the module within your project, and <area_name> can be frontend (for frontend themes) or adminhtml (for Admin panel themes).
<theme_dir>/<VendorName>_<ModuleName>/web: This theme-related module...