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)

Summary

This is the third time you can see the AC fallback system working for every single frontend customization component of the framework. It’s used for layout, templates, and even now for LESS files. As you can probably guess, it will be the same in the following chapters as well for JavaScript-related changes. The more you work with the AC framework, the more streamlined this process will be for you. At some point, you won’t even think about it; it will be just like riding a bike.

You should have a full understanding of how to prepare style sheets with AC. You’ve learned about compilation modes (server and client side), mastered the use of the Grunt task runner to compile LESS files into CSS, and understood why generating class maps might help you with debugging.

Extending themes is no longer a challenge, but you must always think of the result of the CSS and its size. Your goal should always be to prepare a minimal CSS file. I’ll share my knowledge...