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)

Introduction to Knockout.js

Learning Knockout.js is an exciting part of your journey in frontend development. Even though its last update was in 2019, Knockout.js holds a special place in the history of web development. Notably, when Adobe Commerce developers were building the Magento 2 Open Source platform, they chose Knockout.js as their go-to library for creating dynamic user interfaces. This choice highlights the library’s strengths and its role in shaping modern web experiences.

The main source of your knowledge about Knockout.js is the official website, https://knockoutjs.com/, but, as you already know, we will learn this by doing it on the next few pages.

Let’s begin by familiarizing ourselves with some essential terms and concepts of Knockout.js. These definitions are crucial for understanding the terminology we will frequently use throughout this chapter. By grasping these key elements, you will have a clearer understanding of Knockout.js, ensuring you...