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)

Knockout.js and UI Components

Setting sail on the last step of our voyage in the ocean of JavaScript (JS), we now delve into the deep waters of advanced frontend development in Adobe Commerce (AC). Just as the ocean has its mysteries and hidden treasures below the surface, Adobe Commerce frontend development includes sophisticated and powerful tools that can vastly improve user experiences when properly harnessed. This chapter introduces one such treasure trove — the intricate world of user interface (UI) components, the KnockoutJS framework, and private content.

From this chapter, you’ll gain a clear understanding of Knockout.js, its role, and its significance in the Adobe Commerce ecosystem. With this knowledge, you’ll be better equipped to venture into the creation of UI components, the modular units that allow you to construct interactive user interfaces with ease. You’ll learn how to integrate these components seamlessly within the .phtml templates...