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

We’ve reached the point where one should understand how the page HTML code is prepared and rendered at the server level and is passed to the browser. Layout XML generates the page structure and templates associated with blocks and provides us with the final HTML code that is rendered for the user.

Working with templates is not hard. The only challenge you might face at the beginning is finding the proper template files. Their location is not always easy to find because not all templates are defined in Layout XML. Don’t hesitate to enable path hints to find them. It’s a time saver and a great way to learn the location of all the PHTML files among all the modules used in the AC framework.

You understand how blocks and templates are connected, and you’ve learned the way in which blocks render their child elements.

I encourage you to go and use the practical exercises in this chapter and try to accomplish all of them before looking at the solutions...