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)

Introduction to bundled libraries

Just like you need different pieces to complete a picture, websites use special bits of code called libraries to add cool features and make sure everything runs without a hitch. AC comes with a handy set of these, all ready to go, which makes building a website a bit like having a head start in a race.

One of the main tools we use is jQuery, and we already covered how to use some of its methods and widgets in Chapter 9. It’s a favorite library for many developers because it’s easy to use and works well, no matter what web browser you’re using. With jQuery, we can do all sorts of things on a website, including making images slide, having information pop up when you click on something, and lots of other neat tricks—all without slowing things down.

AC uses jQuery in special ways to make online stores do exactly what we want them to do, such as show products in a fancy way or help you fill out your address easily when...