Book Image

Magento 2 Development Quick Start Guide

By : Branko Ajzele
Book Image

Magento 2 Development Quick Start Guide

By: Branko Ajzele

Overview of this book

Magento is an open-source, enterprise-level e-commerce platform with unlimited scope for customization. This makes it a great choice not only for vendors but for developers as well. This book guides you through Magento development, teaching you how to develop modules that extend or change its functionality, leading to more ?exible and profitable Magento stores. You start with a structural overview of the key Magento development components. You will learn where things such as plugins, events, models, controllers, layouts, and UI components ft into the development landscape. You will go through examples of using these components to extend Magento. As you progress, you will be building a diverse series of small but practical Magento modules. By the end of this book, you will not only have a solid foundation in the Magento development architecture; but you will also have practical experience in developing modules to customize and extend Magento stores.
Table of Contents (11 chapters)

Developing for Storefront

The Magento storefront is the customer-facing view of a Magento e-commerce platform. Developing for storefront implies developing for the frontend area. Whereas the adminhtml area is primarily built via means of UI components, the frontend area makes heavy use of JavaScript (JS) components that come in form of jQuery widgets and UI/KnockoutJS components. Aside from JS components, there are lots of other bits and pieces involved in storefront development, such as themes, layouts, templates, language packages, and CSS/LESS. Our focus, however, throughout this chapter will be on JS components, as they seem to be the most confusing and challenging part of the Magento frontend to overcome.

Moving forward, we are going to look into the following sections:

  • Setting up the playground
  • Initializing JS components
  • Meet RequireJS
  • Replacing jQuery widget components...