Mastering Adobe Commerce Frontend

A comprehensive guide to Adobe Commerce storefront development covering theme creation, customization, JavaScript usage, and optimization techniques for optimal customer satisfaction

Key FeaturesLearn techniques for customizing templates and layouts for an optimal user experienceUse the command-line interface for efficient and streamlined theme development and deploymentImplement best practices for using JavaScript and frontend optimization techniques for improved performance and customer satisfactionPurchase of the print or Kindle book includes a free PDF eBookBook DescriptionNavigating 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, unlock the secrets of frontend optimization, and explore the HYVA to enrich user experiences.

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.

What you will learnSet up your own Dockerized environment in the Adobe Commerce platformCustomize page structure using Layout XML, templates, and a fallback systemBuild and personalize system emails to match website themesWork with various JavaScript frameworks and libraries in the projectCreate and manage content using the Adobe Commerce CMS systemDiscover how HYVA was a game changer for many frontend developersValidate your solutions with the practical examples providedWho this book is forThe book is ideal for storefront developers proficient in frontend technologies such as HTML, CSS, and JavaScript, aiming to broaden their knowledge of Adobe Commerce and Magento Open Source applications. If you've encountered challenges with frontend development for Adobe Commerce and struggled to find solutions online, this book is tailored to assist you.

Table of ContentsSetting Up the Local EnvironmentInstalling the Magento/Adobe Commerce ApplicationIntroduction to Adobe Commerce ThemingThe Layout SystemWorking with TemplatesStyling an Adobe Commerce ThemeCustomizing EmailsIntroduction to JavaScript Libraries and FrameworksRequireJS and jQueryKnockout.JS and UI ComponentsCommonly Used Libraries Bundled with Adobe CommerceStorefront-Related Configuration in the Admin PanelWorking with Magento CMSFrontend Optimization TechniquesCommon Tools That Help with Local DevelopmentSolutions to Practical Exercises