Book Image

Mastering Adobe Commerce Frontend

By : Jakub Winkler
Book Image

Mastering Adobe Commerce Frontend

By: Jakub Winkler

Overview of this book

Navigating the frontend realm of the Adobe Commerce platform can often feel like a labyrinth, given its multifaceted systems and intricate layering. This book demystifies Adobe Commerce frontend development, guiding you through its paths with clarity and precision. You'll learn how to set up your local environment, paving the way for a smooth development experience and navigate the platform's theming ecosystem, exploring layout XML systems and the power of templates. As you progress through the book, you'll leverage an array of JavaScript libraries and frameworks that Adobe Commerce boasts of, with special emphasis on RequireJS, jQuery, Knockout.JS, and UI Components. Additionally, you'll gain an understanding of the intricacies of Adobe Commerce CMS, explore frontend-related configurations in the admin panel, and unlock the secrets of frontend optimization. Practical exercises provided in the book will enable you to create top-notch Adobe Commerce sites that are functional, optimized, user-centric, and a step ahead in the ever-evolving frontend landscape.
Table of Contents (18 chapters)

jQuery

jQuery has been with us since 2004 and is constantly getting updated and new releases are coming to this day. It is safe to say that jQuery is the most popular and well-known JavaScript library in the world and, based on information from Wikipedia (https://en.wikipedia.org/wiki/JQuery), over 77% of 10 million websites are using it.

I’ll try to explain to you, in a nutshell, why AC uses jQuery and what methods and features are used the most. After that, we’ll jump into how we can customize and use jQuery to customize our theme. Keep in mind that this is not a jQuery course, but I think the examples I’ll provide will be enough to get you started.

jQuery simplifies many common web tasks and provides consistent, reliable functionality across different browsers. It is a tool that enhances both the developer’s experience in building the platform and the user’s experience in navigating it. The main reasons why jQuery is used in Adobe Commerce...