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

In this chapter, we took a deep dive into making websites, especially shopping sites, fast and easy to use. As the person in charge of the front of the website, which is everything users see and interact with, our job is really important in the online shopping world. Every tiny delay on the website can cause a customer to leave and shop somewhere else. AC is pretty tricky to work with because it allows lots of customizations, but it is tough to manage.

You’ve familiarized yourself with merging, minimizing, and bundling files such as CSS and JS to make websites faster and lighter. By setting up Advanced Bundling for AC or MagePack for Magento Open Source, we were able to achieve almost maximum performance. Trust me, it is possible to get 99 points. Lastly, we touched on Fastly, which helps serve your content to customers faster based on their locations.

It’s a big responsibility for a frontend developer like me, and you, to ensure a website is quick and smooth...